Three surfaces · one foundation
Surfaces
The web app, the extension and the public site consume the same fonts, tokens, base layer and components. What differs is how each one gets them, and what it still writes by hand.
- Web app
SvelteKit, Tailwind for page layout, the components for everything a user touches.
31 components in use
- Extension
The side panel bundled by esbuild, and the overlays the extension draws on audited pages.
31 components in use
- Public site
Prerendered SvelteKit, the same stylesheet order as the app, the teaching demos apart.
23 components in use