Visitors
12.4k
8.0%
The deliberate template
Ship faster. Look deliberate.
Five finished sites. Start from the one closest to yours.
Each world is a complete site built only from this template's components, on desktop and on phone. Open one and click around: every page is real.
Cairn — an enterprise platform
B2B world: a one-page trust document with sourced claims, a metrics console, customer proof and a control ledger.
Open Cairn
Proof — a photographer's studio
A minimal portfolio world: studio rail, full-bleed image stages, quiet transitions.
Open Proof
Oak & Ember — a small-batch shop
Storefront world: collections, product pages, cart and a demo checkout (no orders or payments).
Open Oak & Ember
Start with the whole site. Land on one button.
Every level is live framework markup, nested inside the one before it.
The siteA wall of pages, all built from the same parts.
Popular
$29
We shipped our whole site in a week.
AL
Ada Lovelace
Deployed
Build 78%
Conversion 4.5 (1280) Deployed
Conversion
4.8%
2.0%
One pageBuilt from real components: headings, cards and buttons.
Nexus
PopularBuild it once, ship every page
Sections and primitives that compose into anything.
Quick off the line
Pages paint before a visitor blinks.
Open to everyone
Every control works from the keyboard and reads aloud.
Speaks every language
Switch the whole site to another tongue in one click.
One buttonColour, focus ring and radius, set once and used everywhere.
Get started
--color-primary-500 --shadow-focus --radius-md
Everything You Need
Reusable building blocks for professional websites; verify the assembled site before launch
Lightning Fast
Static-first architecture with client JavaScript only where features need it.
Accessibility Foundations
Semantic HTML, keyboard interaction, and screen reader patterns are built into the component system.
Multi-Language
Built-in i18n support for 5 languages with type-safe translations and translated URLs.
Theme System
CSS custom property design tokens with dark mode, customizable color scales, and consistent spacing.
Composable Components
Self-contained UI primitives that compose into sections, layouts, and complete pages effortlessly.
SEO Optimized
JSON-LD structured data, meta tags, sitemap generation, and social sharing out of the box.
Lighthouse lab scores
Real Lighthouse runs against a production build of this homepage. The date and commit below name the exact build that was measured.
Measured: Oct 21, 2026, 9:28 AM · commit 3ca0494
Lighthouse categories
| Category | Mobile | Desktop |
|---|---|---|
| Performance | 93 | 100 |
| Accessibility | 100 | 100 |
| Best practices | 100 | 100 |
| SEO | 100 | 100 |
Lab run with Lighthouse simulate — same device profiles and throttling class as PageSpeed Insights. Desktop uses a stricter scoring curve than mobile; the two are not meant to match.
Frequently Asked Questions
Everything you need to know about Nexus
What is Nexus?
Nexus is a modern Astro template with composable UI components, built-in i18n support, and zero-config dark mode. It's designed for building fast, accessible, professional websites.
Do I need to know React or Vue?
No. Pages and components are Astro: HTML-like templates with client-side interactivity only where you add it. The one exception is the optional chart components, which use React and Recharts inside; you place them like any other component.
Is dark mode included?
Yes. Dark mode is built in using CSS custom properties and a .dark class on the html element. Toggle it with the button in the header — it persists via localStorage.
How do I customize the theme?
All design tokens are defined as CSS custom properties in the global stylesheet. Override colors, spacing, typography, shadows, and more by editing the token values to match your brand.
Are the components accessible?
Components use semantic HTML and documented keyboard and ARIA patterns. Validate the components and combinations you ship against your accessibility requirements.
Can I use individual components?
Absolutely. Each component is self-contained and can be imported independently. Mix and match only what you need — no forced imports or unused code in your bundle.
Build something deliberate.
Clone the repo. Run pnpm dev. The impressive thing was always possible — you just had to choose it.