Skip the setup. Write the code.
A Next.js starter with the boring parts already done — components, auth pages, a dashboard, forms, data fetching, dark mode, and a design system you can rebrand in one file.
58
Components
9
Page Templates
0
Config Files
1
File to Rebrand
What's Included
The parts you won't have to write
Not a UI kit. A working codebase — components, pages, data fetching, and a design system all wired up and ready to extend.
58 UI Components
Buttons, cards, dialogs, tables, command palette, toasts, carousels — built on Radix UI with CVA variants. Just import and use.
9 Page Templates
Login, register, forgot password, dashboard with sidebar, settings with tabs, blog, 404, and error boundary. Delete what you don't need.
Rebrand in One File
Every color is a CSS variable in globals.css. Change the values, everything updates. Zero hardcoded colors anywhere.
Forms & Data Fetching
React Hook Form with Zod, TanStack Query for server state, a typed fetch client. The patterns are set — just plug in your API.
Dark Mode
Light, dark, and system — class-based via next-themes. Every component is built for both. No extra work.
Testing & CI
Vitest + React Testing Library, Playwright for E2E, GitHub Actions pipeline. Pre-commit hooks run lint and format automatically.
Strict TypeScript
Strict mode throughout. CVA for type-safe variants with autocomplete. No any, no shortcuts.
Accessible by Default
Radix UI handles keyboard nav, focus traps, and ARIA. Security headers baked into next.config.ts.
Tech Stack
Built on tools you already know
No proprietary abstractions. No lock-in. Just the best open-source tools wired together properly.
Next.js 16
App Router, React 19, Turbopack
Tailwind CSS v4
@theme inline, oklch colors, no config file
Radix UI
Accessible primitives for every interactive component
TypeScript 5
Strict mode, path aliases, explicit types
TanStack Query
Server state, caching, background refetch, mutations
TanStack Table
Headless tables with sorting, filtering, pagination
React Hook Form
Performant forms with Zod validation
Zod
Schema validation — shared between client and server
Framer Motion
Animations and page transitions
date-fns
Date formatting and manipulation
nuqs
Type-safe URL search params as state
usehooks-ts
40+ typed React hooks — no hand-rolling
next-themes
Dark mode with class strategy and system detection
Vitest + RTL
Unit testing with React Testing Library
Playwright
End-to-end browser testing
Sonner
Toast notifications styled with design tokens
cmdk
Command palette with search and keyboard nav
Lucide React
Icon library — consistent, tree-shakeable
Get Started
From zero to coding in minutes
No scaffolding to figure out. No config rabbit holes. Just clone and start building.
Clone and install
git clone https://github.com/madsoftwaredev/v3 && npm install
Make it yours
Drop your colors into globals.css and update constants.ts. Every component inherits the change — nothing else to touch.
Delete what you don't need
Auth, dashboard, blog, settings — take what fits, remove the rest. Route groups keep things isolated so nothing breaks when you cut.
Build your feature, ship it
Plug your API into the typed fetch client and TanStack Query hooks. The plumbing is done. Write the code that matters.
Questions
Things you'd want to know before using this.
Less setup. More shipping.
Clone the repo and start writing features immediately. The foundation is already there.