Design System Starter
Ship consumer product UIs faster with a reusable Next.js template.
Themed tokens, auth screens, account and billing pages, and a composable shell — for social-style products and lighter SaaS. Extend it, or split into a dedicated consumer app later.
Included flows
- Login, register, forgot / reset password
- Verify email, logout, change password
- Two-factor auth: setup, disable, recovery codes
- Active session listing and revocation
- Guest vs authenticated header states
- Light and dark mode support
The contact form submit is mocked so teams can wire their preferred backend later.
Token-driven design
Colours, spacing, typography and radius all flow from CSS variables shared with the Flutter client.
Auth flows included
Login, register, password reset, email verification, MFA and session management, wired to the API.
Account & billing
API keys, connected apps, social connections, entitlement usage and consent settings out of the box.
Composable shell
Marketing and app route groups stay cleanly separated; PageShell + account tabs standardise every page.
Start from a shell that already works
Fork it, swap the tokens for your brand, and build your product on top.
Create your account