shadcn/ui for Next.js

Add shadcn/ui component library to your Next.js project with Radix UI primitives, class-variance-authority, and a cn() utility.

shadcn/ui

Radix UI

Components

Tailwind CSS

About this extension

This extension enhances your project with shadcn/ui for Next.js functionality. It's designed to integrate seamlessly with compatible templates and provide additional features to improve your development experience.

The shadcn/ui for Next.js extension is compatible with nextjs templates, making it versatile for different project types.

Key Benefits

Seamless integration with compatible templates
Enhanced development experience
Additional features specific to shadcn/ui for Next.js
Well-documented and maintained
Community-supported and regularly updated

Quick Start

Add this extension to your project

$ npx create-awesome-node-app \\

--template [template-name] \\

--addons nextjs-shadcn

Extension Details

Compatible withnextjs

CategoryUI

Compatible Templates2

Compatible Templates

Use shadcn/ui for Next.js with these templates to enhance your project

fullstack-applications

NextJS Starter

A production-ready Next.js starter with TypeScript, ESLint, Prettier, and customizable options for rapid full-stack development.

fullstack-applications

NextJS SaaS AI Starter

A production-ready multi-tenant Next.js SaaS starter with AI (OpenAI/Anthropic), Auth.js v5, Drizzle ORM + PostgreSQL, Tailwind CSS v4, shadcn/ui, RBAC, audit logs, webhooks, and i18n.

Ready to Enhance Your Project?

Add shadcn/ui for Next.js to your template and start building

Choose a Template