Everything a real product needs
Every piece below is a typed Astro component — copy it, compose it, or use it as-is.
Zero-JS by default
Every component ships as static HTML — interactivity is opt-in and minimal.
Tokenized aesthetic
Borders, shadows, and accents are Tailwind v4 theme tokens — change the vibe without rebuilding components.
Full component set
Buttons to drawers, tables to toasts — everything a real product needs is here.
Composable blocks
Hero, navbar, CTA, and feature grid blocks are built from the same primitives you get.
Accessible by construction
Focus rings, contrast, and semantics are part of the design system, not an afterthought.
Astro-native
Typed props, slots, and scoped styles — no framework runtime required.
Pages to build on
Blog
Long-form posts, tags, and a clean reading layout — built from the same components as everything else.
Landing
The page you're on. Hero, pricing, testimonials, FAQ — swap the copy and ship.
Portfolio
A project grid for case studies and client work, styled with the same bold, flat-color system.
About & Team
A principles page and a team grid, both driven by real content, not lorem ipsum.
Contact
A form built entirely from InputForm, TextArea, and Button — wire up your own backend.
Search
Full-text site search via Pagefind — static, no service, indexed at build time.
Get the whole theme
One-time purchase. No subscriptions, no seat-locked license servers.
Personal
Personal, non-commercial projects
$0
- Components, blocks, and layouts
- Personal license
- Documentation & component reference
Pro
Solo developers & freelancers
$49 one-time
- Everything in Personal
- Pro license — 1 commercial project
Team
Agencies & product teams
$149 one-time
- Everything in Pro
- Team license — multiple client projects
- Up to 10 team seats
Don't take our word for it
"Finally, a theme with an opinion."
"Shipped our landing page in an afternoon."
"Every component just... matches."
Questions, answered
What's included?
A full component library — buttons, cards, forms, tables, modals, and more — plus blocks and layouts, all built with Tailwind CSS v4 and typed Astro props.
How do I get started?
Copy any component into your project, or clone the whole theme and start editing the page in src/pages/index.astro.
Can I change the color palette?
Every color is a single OKLCH token in global.css — swap the values there and the whole theme follows.
Do I need to know Tailwind?
Not deeply — every component ships with its styling already written. You'll want basic Tailwind familiarity to customize layouts, but nothing more.
Build your next project loud.
Every component, block, and layout on this page is yours to copy.