sh4dcnv2 · atlas
← libraries

@shadcnuikit

A commercial shadcn/ui kit focused on admin dashboards and multi-page web apps, built with Next.js, TypeScript, and Tailwind CSS. The free tier includes 1 dashboard and 5+ pages; the premium lifetime plan adds 10 dashboards, 50+ pages, 10+ web-app templates, 100+ premium components, 5+ color schemes, dark/light mode, LTR/RTL support, multiple layouts, and a theme customizer. Targets developers building internal tools and SaaS admin panels. Use for: bootstrapping a production admin dashboard project that needs multiple pre-built data-dense pages and role-differentiated layouts out of the box.

60 components react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://shadcnuikit.com/r/registry.json
pnpm pnpm dlx shadcn@latest add https://shadcnuikit.com/r/registry.json
bun bunx shadcn@latest add https://shadcnuikit.com/r/registry.json
fetch registry curl -s https://shadcnuikit.com/r/registry.json

Components

60 total
Charts block

Chart block with title and single or multi-series data viz.

npx shadcn@latest add https://shadcnuikit.com/r/chart1.json
Charts block

Chart card with visualization and legend.

npx shadcn@latest add https://shadcnuikit.com/r/chart10.json
Charts block

Chart with single or multiple series and labels.

npx shadcn@latest add https://shadcnuikit.com/r/chart11.json
Charts block

Chart block with title and data viz.

npx shadcn@latest add https://shadcnuikit.com/r/chart12.json
Charts block

Chart layout with axis and series.

npx shadcn@latest add https://shadcnuikit.com/r/chart13.json
Charts block

Chart with grid background and data display.

npx shadcn@latest add https://shadcnuikit.com/r/chart14.json
Charts block

Chart card with visualization and optional controls.

npx shadcn@latest add https://shadcnuikit.com/r/chart15.json
Charts block

Chart with title and legend.

npx shadcn@latest add https://shadcnuikit.com/r/chart16.json
Charts block

Data chart with axis and series.

npx shadcn@latest add https://shadcnuikit.com/r/chart17.json
Charts block

Chart block for dashboard metrics.

npx shadcn@latest add https://shadcnuikit.com/r/chart18.json
Charts block

Chart with visualization and optional subtitle.

npx shadcn@latest add https://shadcnuikit.com/r/chart19.json
Charts block

Chart card with legend and optional timeframe.

npx shadcn@latest add https://shadcnuikit.com/r/chart2.json
Charts block

Chart card with title and data viz.

npx shadcn@latest add https://shadcnuikit.com/r/chart20.json
Charts block

Dashboard chart with axis labels and data series.

npx shadcn@latest add https://shadcnuikit.com/r/chart3.json
Charts block

Chart layout with title and visualization.

npx shadcn@latest add https://shadcnuikit.com/r/chart4.json
Charts block

Chart with grid or card wrapper and optional controls.

npx shadcn@latest add https://shadcnuikit.com/r/chart5.json
Charts block

Data chart with legend and axis.

npx shadcn@latest add https://shadcnuikit.com/r/chart6.json
Charts block

Chart block for line, bar, or area visualization.

npx shadcn@latest add https://shadcnuikit.com/r/chart7.json
Charts block

Chart with title and data display.

npx shadcn@latest add https://shadcnuikit.com/r/chart8.json
Charts block

Dashboard chart with optional subtitle or filters.

npx shadcn@latest add https://shadcnuikit.com/r/chart9.json
Form layouts block

Form with grouped fields, labels, and submit area.

npx shadcn@latest add https://shadcnuikit.com/r/form-layout1.json
Form layouts block

Form layout with columns or sections and actions.

npx shadcn@latest add https://shadcnuikit.com/r/form-layout2.json
Modal dialogs block

Modal with title, content area, and action buttons.

npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal1.json
Modal dialogs block

Dialog layout with header, body, and footer actions.

npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal2.json
Modal dialogs block

Modal or dialog with form or confirmation content.

npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal3.json
Page layouts block

Dashboard page with header and main content area.

npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout1.json
Page layouts block

Page layout with sidebar, top bar, and content.

npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout2.json
Page layouts block

Full page structure with nav and content region.

npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout3.json
Sidebar layouts block

Layout with collapsible sidebar and main content area.

npx shadcn@latest add https://shadcnuikit.com/r/sidebar-layout.json
Sign in forms block

Login form with email, password, and submit button.

npx shadcn@latest add https://shadcnuikit.com/r/signin-form1.json
Sign in forms block

Sign-in layout with fields and optional social or link.

npx shadcn@latest add https://shadcnuikit.com/r/signin-form2.json
Sign in forms block

Login form with card layout and primary CTA.

npx shadcn@latest add https://shadcnuikit.com/r/signin-form3.json
Stat cards block

Card with metric value, label, and optional trend.

npx shadcn@latest add https://shadcnuikit.com/r/stat-card1.json
Stat cards block

Stat card with number, subtitle, and optional icon.

npx shadcn@latest add https://shadcnuikit.com/r/stat-card2.json
Stat cards block

Metric card with value and label in a compact layout.

npx shadcn@latest add https://shadcnuikit.com/r/stat-card3.json
Stat cards block

Stat block with headline number and description.

npx shadcn@latest add https://shadcnuikit.com/r/stat-card4.json
Stat cards block

Card showing a KPI with optional sparkline or icon.

npx shadcn@latest add https://shadcnuikit.com/r/stat-card5.json
Stat cards block

Metric card with value, label, and styling.

npx shadcn@latest add https://shadcnuikit.com/r/stat-card6.json
Stat cards block

Stat card with number and subtitle.

npx shadcn@latest add https://shadcnuikit.com/r/stat-card7.json
Stat cards block

Dashboard stat block with value and optional trend.

npx shadcn@latest add https://shadcnuikit.com/r/stat-card8.json
Tables block

Data table with columns, rows, and optional actions or badges.

npx shadcn@latest add https://shadcnuikit.com/r/table.json
Checkout page block

Checkout page with product list, shipping options, payment methods, and order summary.

npx shadcn@latest add https://shadcnuikit.com/r/checkout1.json
Checkout page block

Checkout page with product list, shipping options, payment methods, and order summary.

npx shadcn@latest add https://shadcnuikit.com/r/checkout2.json
Checkout page block

Checkout page with product list, shipping options, payment methods, and order summary.

npx shadcn@latest add https://shadcnuikit.com/r/checkout3.json
Checkout page block

Checkout page with product list, shipping options, payment methods, and order summary.

npx shadcn@latest add https://shadcnuikit.com/r/checkout4.json
Checkout page block

Checkout page with product list, shipping options, payment methods, and order summary.

npx shadcn@latest add https://shadcnuikit.com/r/checkout5.json
Product category block

Category section with products in a grid or list.

npx shadcn@latest add https://shadcnuikit.com/r/product-category1.json
Product category block

Category block with headline and product cards.

npx shadcn@latest add https://shadcnuikit.com/r/product-category2.json
Product category block

Category layout with filters or tabs and product grid.

npx shadcn@latest add https://shadcnuikit.com/r/product-category3.json
Product category block

Category page section with products and optional sidebar.

npx shadcn@latest add https://shadcnuikit.com/r/product-category4.json
Product details block

Product page with image gallery, title, price, and add-to-cart.

npx shadcn@latest add https://shadcnuikit.com/r/product-details1.json
Product details block

Detail layout with main image, specs, and purchase CTA.

npx shadcn@latest add https://shadcnuikit.com/r/product-details2.json
Product details block

Product view with gallery, description, and options.

npx shadcn@latest add https://shadcnuikit.com/r/product-details3.json
Product details block

Detail section with images and key info side by side.

npx shadcn@latest add https://shadcnuikit.com/r/product-details4.json
Product details block

Product block with image, price, variants, and CTA.

npx shadcn@latest add https://shadcnuikit.com/r/product-details5.json
Product details block

Layout with product images and details column.

npx shadcn@latest add https://shadcnuikit.com/r/product-details6.json
Product details block

Product detail with gallery, specs, and add-to-cart.

npx shadcn@latest add https://shadcnuikit.com/r/product-details7.json
Product features block

Section highlighting product features with icons or bullets.

npx shadcn@latest add https://shadcnuikit.com/r/product-features1.json
Product features block

Product benefits or specs in a list or grid.

npx shadcn@latest add https://shadcnuikit.com/r/product-features2.json
Product list block

List of product cards with image, title, price, and action.

npx shadcn@latest add https://shadcnuikit.com/r/product-list1.json