shadcn/ui · Radix Nova · Next.js Template

A minimal Next.js starter pre-loaded with the full shadcn/ui component library using the Radix Nova style.

Initialized from ui.shadcn.com/create.

---

Stack

Layer	Choice
Framework	Next.js 15 (App Router)
UI components	shadcn/ui — Radix Nova style
Primitives	Radix UI
Styling	Tailwind CSS with CSS variables
Icons	Lucide
Package manager	pnpm

Getting Started

pnpm install
pnpm dev

Open http://localhost:3000 in your browser.

Edit app/page.tsx — the page hot-reloads as you save.

Project Structure

app/
  layout.tsx      # Root layout & font setup
  page.tsx        # Entry point — edit this first
  globals.css     # Tailwind base + CSS design tokens

components/
  ui/             # shadcn/ui components (do not edit directly)

lib/
  utils.ts        # cn() helper and shared utilities

hooks/
  use-mobile.ts   # Responsive hook

Adding Components

All shadcn/ui components are already installed under components/ui/. To add more:

pnpm dlx shadcn@latest add <component-name>

Learn More

• shadcn/ui docs
• Next.js docs
• Radix UI docs
• Tailwind CSS docs