Creative Tim UICreative Tim UI
HomeBlocksApplication Admin UI

103+ Application Admin UI Blocks based on shadcn/ui

103 blocks across 13 categories · free and PRO · React, Next.js, Tailwind CSS

Everything you need to assemble a shadcn admin dashboard: KPI and stat cards, Recharts-powered charts, data tables with headers, footers, sorting and filters, sidebars, modals, dropdown filters, CRUD screens, billing and account management, and user profiles. Each block is production-grade React + TypeScript built on shadcn/ui primitives and Tailwind CSS.

Compose a complete admin panel in an afternoon: pick a sidebar, drop in KPI cards and charts, add a data table, and wire your data. Every block installs with one CLI command into Next.js, Vite, or Remix, and follows your theme tokens in light and dark mode.

Frequently asked questions

Can I build a complete admin dashboard with these blocks?

Yes, that is what the collection is for. Combine a sidebar block, KPI cards, charts, and data tables into a full shadcn admin dashboard, then add modals, CRUDs, billing, and account screens as your app grows.

What charting library do the dashboard charts use?

All charts are built with Recharts through the shadcn/ui chart wrapper, so they pick up your theme tokens automatically and support light and dark mode out of the box.

Do the data tables support sorting and filtering?

The table blocks cover sortable columns, search, filters, pagination, row selection, and dedicated table header and footer components you can mix and match.

How do I install an admin dashboard block?

Run npx @creative-tim/ui@latest add <block-name>, or use the shadcn CLI: npx shadcn@latest add https://www.creative-tim.com/ui/r/<block-name>.json. The source is copied into your project, no runtime dependency on Creative Tim.

Are these admin components TypeScript-ready?

Yes. Every block is written in TypeScript with typed props and data models, and matches the shadcn/ui code style used in the rest of your project.

Are the admin dashboard blocks free?

A large part of the collection is free and open source; PRO blocks install identically once you add a Creative Tim API key from creative-tim.com/ui.