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
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.