Web starter
Build your next web product.
A small, opinionated foundation: semantic design tokens, a self-hosted type system, accessible React islands, and a static build. Replace the copy, keep the bones.
What ships in the box
- Theme bootstrap with light and dark tokens
- Header, footer, and skip link landmarks
- Radix Switch theme toggle that persists
- Static checks wired into CI
Features
The pieces most projects rebuild first, already wired together.
Composable sections
Drop in the header, footer, and Radix primitives, then compose pages from token-styled blocks.
Static by default
Astro ships zero JavaScript except the islands you opt into, so the first paint stays fast.
Accessible primitives
Interactive pieces delegate focus, keyboard, and ARIA behaviour to maintained Radix primitives.
Stack
No framework beyond what the foundation needs.
Astro
Static-first routing and islands, so pages ship as HTML.
Tailwind CSS v4
Utility styling wired to the project's semantic tokens.
Radix + React
Accessible dialog, tabs, accordion, tooltip, and switch primitives.
Get started
Use this template, then replace the placeholder branding and copy with your own.
npm install
npm run dev