Shadcn UI Kit

Shadcn UI Kit is the free, MIT-licensed edition of a component library built on shadcn/ui, Tailwind CSS and React, shipping 527 components in 49 categories plus UI blocks, real-world examples and a working admin dashboard template. The repository also contains the full source of the browsing site, so everything runs locally with no database, auth provider, payment service or environment variables required.

What is Shadcn UI Kit?

Shadcn UI Kit is a collection of components, UI blocks, examples and admin dashboard templates built on shadcn/ui, Tailwind CSS and React. It takes no user input and produces no generated artifacts: you clone the repository, run it on Node.js 20+ with pnpm, and copy or install the code you need. This repository is the free edition; the full kit is a commercial product from the same maintainer, Toby Belhome, and is not affiliated with the official shadcn/ui project.

Key Features

• 527 free components in 49 categories — Accordion, Autocomplete, Combobox, Data Table, Date Picker, File Upload, Sonner Toast, Tabs, Tooltip and more, each with a live preview, responsive viewport switcher and a "Get the Code" dialog.
• Dual primitive support — every component works with both Radix UI and Base UI primitives, so it drops into any existing shadcn/ui setup.
• Free UI blocks — hero sections, newsletter sections, how-it-works sections, FAQ sections, sign-in forms, stat cards, modal dialogs, data tables and a todo app.
• Admin dashboard template at /admin — dedicated sidebar layout, dashboard page with stat cards, an interactive area chart and a sortable data table, plus users, settings, login, register, 404 and 500 pages.
• shadcn registry — every free item is published to the @shadcnuikit registry, installable with npx shadcn@latest add @shadcnuikit/hero1 for npm, pnpm, yarn and bun.
• Modern stack — Next.js 16 App Router, React 19, Tailwind CSS v4, TypeScript, TanStack Table, Recharts, React Hook Form, Zod, dnd kit, and Lucide/Tabler icons.
• Dark mode — light and dark mode across components and previews, with a per-preview dark mode toggle.

Who is it for?

• Frontend developers building dashboards: start from the free admin template with charts, sortable tables and validated forms instead of rebuilding them.
• Teams shipping marketing pages: pull hero, pricing, testimonial and CTA blocks from the registry directly into an existing Next.js project.
• Developers learning shadcn/ui patterns: read the source of hundreds of components and copy what fits.
• Agencies on tight budgets: the MIT license allows commercial and client work without a subscription.

What can you do with Shadcn UI Kit?

• Bootstrap an admin panel: run pnpm dev, open /admin, and use the dashboard, users, settings, login and error pages as a starting point.
• Install a single block: add the registry to components.json, then install one named item into an existing app rather than copying files by hand.
• Prototype a page quickly: combine examples like review cards and date pickers with blocks to assemble a layout before committing to custom code.
• Use outside Next.js: the components are plain React and Tailwind CSS; swap next/link and next/image for standard elements to use them in Vite, Remix or TanStack Start.

How does Shadcn UI Kit work?

Clone the repository, run pnpm install and pnpm dev, then browse components at localhost:3000 and the dashboard at /admin. To install an item into your own project, register https://shadcnuikit.com/r/{name}.json in components.json and run the shadcn add command shown in each item's dialog.

Free vs Pro

The free edition includes 1 admin dashboard template, 7 dashboard pages, 527 components, 16 blocks, 14 examples and a registry for free items. Shadcn UI Kit Pro adds 16 admin dashboards, 17 web apps, 40+ extra pages, 1100+ components and 500+ premium blocks, 70 examples, animated illustrations, premium website templates, a Theme Generator, a Page Builder and an MCP server for AI editors.

FAQ

Is Shadcn UI Kit free?

The repository is free and open source under the MIT license: 527 components, free blocks, examples and one admin dashboard template. Premium dashboards, blocks, templates, illustrations and tools require a paid Shadcn UI Kit Pro license.

Can I use Shadcn UI Kit in commercial projects?

Yes. The free edition is MIT licensed, so personal, commercial and client projects are permitted. The animated illustrations, premium blocks and additional dashboards are not part of this license and need Pro.

Does it work with Vite, Remix or TanStack Start?

Yes. Components are plain React styled with Tailwind CSS. Outside Next.js you replace next/link and next/image with regular elements and otherwise keep the markup.

Is this the official shadcn/ui project?

No. Shadcn UI Kit is an independent product built on top of shadcn/ui and is not affiliated with the official shadcn/ui project.