Ship faster. Look deliberate.
Everything You Need
Reusable building blocks for professional websites; verify the assembled site before launch
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
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.