@tailwind-admin

Free, open-source admin dashboard template built with Tailwind CSS, shadcn/ui, and Radix primitives. Supports Next.js, React, Vue, Angular 21, and TanStack Start. Pre-designed pages include Dashboard, Login, Register, User Profile, Tables, Charts (via ApexCharts), and Error pages. Offers sidebar, topbar, and responsive layouts with dark mode. Iconify icons included. MIT license. Use for: bootstrapping SaaS dashboards, CRM panels, internal admin tools, or analytics interfaces across multiple frontend frameworks without starting from a blank page.

60 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://tailwind-admin.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://tailwind-admin.com/r/registry.json

bun bunx shadcn@latest add https://tailwind-admin.com/r/registry.json

fetch registry curl -s https://tailwind-admin.com/r/registry.json

Components

60 total

download-banner component

A banner component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/download-banner.json

empty-banner component

A banner component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/empty-banner.json

error-banner component

A banner component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/error-banner.json

greeting-banner component

A banner component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/greeting-banner.json

mutual-banner component

A banner component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/mutual-banner.json

notification-banner component

A banner component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/notification-banner.json

welcome-banner component

A banner component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/welcome-banner.json

best-selling-product component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/best-selling-product.json

top-cards component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/top-cards.json

blog-cards component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/blog-cards.json

feed-cards component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/feed-cards.json

gift-cards component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/gift-cards.json

music-cards component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/music-cards.json

payment-gateways component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/payment-gateways.json

poll-of-week component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/poll-of-week.json

poll-result component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/poll-result.json

products-cards component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/products-cards.json

profile-cards component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/profile-cards.json

recent-comments component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/recent-comments.json

recent-messages component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/recent-messages.json

recent-transaction component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/recent-transaction.json

review-cards component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/review-cards.json

settings-card component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/settings-card.json

social-card component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/social-card.json

social-cards component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/social-cards.json

social-post component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/social-post.json

task-list component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/task-list.json

upcomming-activities component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/upcomming-activities.json

user-cards component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/user-cards.json

user-info-card component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/user-info-card.json

user-profile-card component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/user-profile-card.json

login-1 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/login-1.json

login-2 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/login-2.json

login-3 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/login-3.json

login-4 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/login-4.json

signup-1 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/signup-1.json

signup-2 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/signup-2.json

signup-3 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/signup-3.json

signup-4 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/signup-4.json

otp-1 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/otp-1.json

otp-2 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/otp-2.json

otp-3 component

A Card component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/otp-3.json

current-value-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/current-value-chart.json

current-year-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/current-year-chart.json

customers-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/customers-chart.json

earned-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/earned-chart.json

expnace-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/expnace-chart.json

followers-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/followers-chart.json

income-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/income-chart.json

monthly-earning-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/monthly-earning-chart.json

most-visited-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/most-visited-chart.json

page-impression-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/page-impression-chart.json

projects-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/projects-chart.json

revenue-updates-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/revenue-updates-chart.json

sales-overview-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/sales-overview-chart.json

total-earnigs-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/total-earnigs-chart.json

views-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/views-chart.json

weekly-stats-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/weekly-stats-chart.json

yarly-breakup-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/yarly-breakup-chart.json

yearly-sales-chart component

A Chart component with optional code display for UI blocks.

npx shadcn@latest add https://tailwind-admin.com/r/yearly-sales-chart.json