---
name: "@shadcnuikit"
slug: "shadcnuikit"
description: "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."
category: "Dashboard/admin templates"
tags: ["blocks", "cards", "charts", "dashboard", "design-system", "e-commerce", "forms", "overlays", "pro-available", "saas", "tables", "theming"]
framework: "react"
license: null
author: "bundui"
website: "https://shadcnuikit.com"
github: "https://github.com/bundui/shadcn-admin-dashboard-free"
registry: "https://shadcnuikit.com/r/registry.json"
pro: true
pro_url: "https://shadcnuikit.com/pricing"
github_stars: 379
component_count: 250
generated_at: "2026-09-21T01:50:16.753Z"
---

# @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.

## Links

- Website: https://shadcnuikit.com
- GitHub: https://github.com/bundui/shadcn-admin-dashboard-free
- Registry JSON: https://shadcnuikit.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/shadcnuikit
- This file: https://sh4dcn.vercel.app/md/shadcnuikit.md
- Pro / pricing: https://shadcnuikit.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://shadcnuikit.com/r/registry.json
pnpm dlx shadcn@latest add https://shadcnuikit.com/r/registry.json
bunx shadcn@latest add https://shadcnuikit.com/r/registry.json
# clone the source repo
git clone https://github.com/bundui/shadcn-admin-dashboard-free.git
# fetch the raw registry index
curl -s https://shadcnuikit.com/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| chart1 | registry:block | Chart block with title and single or multi-series data viz. | `npx shadcn@latest add https://shadcnuikit.com/r/chart1.json` |
| chart10 | registry:block | Chart card with visualization and legend. | `npx shadcn@latest add https://shadcnuikit.com/r/chart10.json` |
| chart11 | registry:block | Chart with single or multiple series and labels. | `npx shadcn@latest add https://shadcnuikit.com/r/chart11.json` |
| chart12 | registry:block | Chart block with title and data viz. | `npx shadcn@latest add https://shadcnuikit.com/r/chart12.json` |
| chart13 | registry:block | Chart layout with axis and series. | `npx shadcn@latest add https://shadcnuikit.com/r/chart13.json` |
| chart14 | registry:block | Chart with grid background and data display. | `npx shadcn@latest add https://shadcnuikit.com/r/chart14.json` |
| chart15 | registry:block | Chart card with visualization and optional controls. | `npx shadcn@latest add https://shadcnuikit.com/r/chart15.json` |
| chart16 | registry:block | Chart with title and legend. | `npx shadcn@latest add https://shadcnuikit.com/r/chart16.json` |
| chart17 | registry:block | Data chart with axis and series. | `npx shadcn@latest add https://shadcnuikit.com/r/chart17.json` |
| chart18 | registry:block | Chart block for dashboard metrics. | `npx shadcn@latest add https://shadcnuikit.com/r/chart18.json` |
| chart19 | registry:block | Chart with visualization and optional subtitle. | `npx shadcn@latest add https://shadcnuikit.com/r/chart19.json` |
| chart2 | registry:block | Chart card with legend and optional timeframe. | `npx shadcn@latest add https://shadcnuikit.com/r/chart2.json` |
| chart20 | registry:block | Chart card with title and data viz. | `npx shadcn@latest add https://shadcnuikit.com/r/chart20.json` |
| chart3 | registry:block | Dashboard chart with axis labels and data series. | `npx shadcn@latest add https://shadcnuikit.com/r/chart3.json` |
| chart4 | registry:block | Chart layout with title and visualization. | `npx shadcn@latest add https://shadcnuikit.com/r/chart4.json` |
| chart5 | registry:block | Chart with grid or card wrapper and optional controls. | `npx shadcn@latest add https://shadcnuikit.com/r/chart5.json` |
| chart6 | registry:block | Data chart with legend and axis. | `npx shadcn@latest add https://shadcnuikit.com/r/chart6.json` |
| chart7 | registry:block | Chart block for line, bar, or area visualization. | `npx shadcn@latest add https://shadcnuikit.com/r/chart7.json` |
| chart8 | registry:block | Chart with title and data display. | `npx shadcn@latest add https://shadcnuikit.com/r/chart8.json` |
| chart9 | registry:block | Dashboard chart with optional subtitle or filters. | `npx shadcn@latest add https://shadcnuikit.com/r/chart9.json` |
| dashboard-shell1 | registry:block | Inset sidebar with quick create button, grouped navigation, documents list, user menu, and a site header above an empty content area. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell1.json` |
| dashboard-shell2 | registry:block | Double sidebar with an icon rail on the left, workspace switcher, grouped navigation links, and a site header above an empty content area. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell2.json` |
| dashboard-shell3 | registry:block | Narrow rail sidebar with stacked icon and label items, bottom shortcuts, avatar, and a site header with breadcrumb above an empty content area. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell3.json` |
| dashboard-shell4 | registry:block | Rounded icon rail sidebar with a tall dark header holding title, search, icon buttons, and a primary action, with the content area overlapping the header. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell4.json` |
| dashboard-shell5 | registry:block | Top navbar shell with horizontal links, icon actions and avatar, a gradient page header with filter and create buttons, and a mobile drawer sidebar. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell5.json` |
| dashboard-shell6 | registry:block | Full-width top navbar with horizontal links, icon actions and greeting avatar, plus a static grouped sidebar with count badges that scrolls with the content. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell6.json` |
| dashboard-shell7 | registry:block | Floating card sidebar with logo and avatar, goal progress with budget stats, a grid of service tiles, footer icons, and a minimal top navigation. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell7.json` |
| dashboard-shell8 | registry:block | Floating card sidebar with grouped navigation and user menu, paired with a floating card header above an empty content area. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell8.json` |
| dashboard-shell9 | registry:block | Shell with a horizontal top navigation on desktop that collapses into a vertical sidebar on mobile, with logo, theme toggle, and user menu. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-shell9.json` |
| form-layout1 | registry:block | Form with grouped fields, labels, and submit area. | `npx shadcn@latest add https://shadcnuikit.com/r/form-layout1.json` |
| form-layout2 | registry:block | Form layout with columns or sections and actions. | `npx shadcn@latest add https://shadcnuikit.com/r/form-layout2.json` |
| dashboard-modal25 | registry:block | Split sign up dialog with social login and email form. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal25.json` |
| dashboard-modal6 | registry:block | Multi-step onboarding dialog with radio and checkbox fields. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal6.json` |
| dashboard-modal7 | registry:block | Feedback dialog with emoji mood selector and comment box. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal7.json` |
| dashboard-modal8 | registry:block | Rating dialog with selectable emoji cards and actions. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal8.json` |
| dashboard-modal9 | registry:block | Product feedback dialog with emoji rating, comment, and consent. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal9.json` |
| dashboard-modal10 | registry:block | Plan selection dialog with pricing cards and checkout action. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal10.json` |
| dashboard-modal11 | registry:block | Feedback form dialog with area select and description field. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal11.json` |
| dashboard-modal12 | registry:block | Confirmation dialog with icon, message, and dismiss button. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal12.json` |
| dashboard-modal13 | registry:block | Delete confirmation alert dialog with icon and actions. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal13.json` |
| dashboard-modal14 | registry:block | Report dialog with reason radio group and optional comment. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal14.json` |
| dashboard-modal15 | registry:block | Notification settings dialog with described radio options. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal15.json` |
| dashboard-modal26 | registry:block | OTP verification dialog with resend and edit options. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal26.json` |
| dashboard-modal16 | registry:block | Command palette dialog with grouped actions and shortcuts. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal16.json` |
| dashboard-modal17 | registry:block | Workspace members dialog with search, invite, and roles. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal17.json` |
| dashboard-modal18 | registry:block | New project dialog with date picker, selects, and visibility. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal18.json` |
| dashboard-modal19 | registry:block | Profile settings dialog with photo upload and contact fields. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal19.json` |
| dashboard-modal20 | registry:block | Activity dialog with tabs, notification list, and actions. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal20.json` |
| dashboard-modal21 | registry:block | Upgrade checkout dialog with payment form and plan options. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal21.json` |
| dashboard-modal22 | registry:block | Company profile dialog with upload area and form fields. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal22.json` |
| dashboard-modal23 | registry:block | Quiz builder dialog with dynamic answers and file upload. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal23.json` |
| dashboard-modal24 | registry:block | Integration connect dialog with permissions and consent. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal24.json` |
| dashboard-modal27 | registry:block | Sign up dialog with password strength meter and consent. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal27.json` |
| dashboard-modal28 | registry:block | Two factor setup dialog with live QR code and setup key. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal28.json` |
| dashboard-modal1 | registry:block | Modal with title, content area, and action buttons. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal1.json` |
| dashboard-modal2 | registry:block | Dialog layout with header, body, and footer actions. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal2.json` |
| dashboard-modal3 | registry:block | Modal or dialog with form or confirmation content. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal3.json` |
| dashboard-modal4 | registry:block | Share dialog for managing member access and roles. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal4.json` |
| dashboard-modal5 | registry:block | Account switcher dialog with selectable account list. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal5.json` |
| dashboard-page-layout1 | registry:block | Dashboard page with header and main content area. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout1.json` |
| dashboard-page-layout2 | registry:block | Page layout with sidebar, top bar, and content. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout2.json` |
| dashboard-page-layout3 | registry:block | Full page structure with nav and content region. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-page-layout3.json` |
| sidebar-layout | registry:block | Layout with collapsible sidebar and main content area. | `npx shadcn@latest add https://shadcnuikit.com/r/sidebar-layout.json` |
| signin-form1 | registry:block | Login form with email, password, and submit button. | `npx shadcn@latest add https://shadcnuikit.com/r/signin-form1.json` |
| signin-form2 | registry:block | Sign-in layout with fields and optional social or link. | `npx shadcn@latest add https://shadcnuikit.com/r/signin-form2.json` |
| signin-form3 | registry:block | Login form with card layout and primary CTA. | `npx shadcn@latest add https://shadcnuikit.com/r/signin-form3.json` |
| stat-card1 | registry:block | Card with metric value, label, and optional trend. | `npx shadcn@latest add https://shadcnuikit.com/r/stat-card1.json` |
| stat-card2 | registry:block | Stat card with number, subtitle, and optional icon. | `npx shadcn@latest add https://shadcnuikit.com/r/stat-card2.json` |
| stat-card3 | registry:block | Metric card with value and label in a compact layout. | `npx shadcn@latest add https://shadcnuikit.com/r/stat-card3.json` |
| stat-card4 | registry:block | Stat block with headline number and description. | `npx shadcn@latest add https://shadcnuikit.com/r/stat-card4.json` |
| stat-card5 | registry:block | Card showing a KPI with optional sparkline or icon. | `npx shadcn@latest add https://shadcnuikit.com/r/stat-card5.json` |
| stat-card6 | registry:block | Metric card with value, label, and styling. | `npx shadcn@latest add https://shadcnuikit.com/r/stat-card6.json` |
| stat-card7 | registry:block | Stat card with number and subtitle. | `npx shadcn@latest add https://shadcnuikit.com/r/stat-card7.json` |
| stat-card8 | registry:block | Dashboard stat block with value and optional trend. | `npx shadcn@latest add https://shadcnuikit.com/r/stat-card8.json` |
| table | registry:block | Simple invoice table with caption, status, payment method, and footer total. | `npx shadcn@latest add https://shadcnuikit.com/r/table.json` |
| tables10 | registry:block | Transaction history table with date picker filter, category filter, card account details, and numbered pagination. | `npx shadcn@latest add https://shadcnuikit.com/r/tables10.json` |
| tables11 | registry:block | Projects table with add project dialog, archive tabs, sorting, search, status filters, progress bars, and list or grid view. | `npx shadcn@latest add https://shadcnuikit.com/r/tables11.json` |
| tables12 | registry:block | Product inventory table with sortable columns, status filter, CSV export, add product dialog, page size selector, and pagination. | `npx shadcn@latest add https://shadcnuikit.com/r/tables12.json` |
| tables13 | registry:block | Contacts table with group chips, date and status filters, search, pagination, and a slide-out sheet with contact edit form. | `npx shadcn@latest add https://shadcnuikit.com/r/tables13.json` |
| tables14 | registry:block | Orders table with expandable accordion rows revealing the products of each order with quantities and totals. | `npx shadcn@latest add https://shadcnuikit.com/r/tables14.json` |
| tables15 | registry:block | Contact details table with label and value rows, copy buttons, owner avatar, status badge, and tags. | `npx shadcn@latest add https://shadcnuikit.com/r/tables15.json` |
| tables16 | registry:block | Payment list with card style rows, sortable headers, inline transaction detail columns, quick actions, and pagination. | `npx shadcn@latest add https://shadcnuikit.com/r/tables16.json` |
| tables17 | registry:block | Task list grouped by status with collapsible tinted group headers, priority badges, due dates, assignee stacks, and priority filtering. | `npx shadcn@latest add https://shadcnuikit.com/r/tables17.json` |
| tables18 | registry:block | Properties table with a fixed first column that stays pinned over the other columns on horizontal scroll, built with TanStack column pinning. | `npx shadcn@latest add https://shadcnuikit.com/r/tables18.json` |
| tables2 | registry:block | Data table with columns, rows, and optional actions or badges. | `npx shadcn@latest add https://shadcnuikit.com/r/tables2.json` |
| tables3 | registry:block | User management table with avatars, role badges, status indicators, social profiles, toggles, and pagination. | `npx shadcn@latest add https://shadcnuikit.com/r/tables3.json` |
| tables4 | registry:block | Team members table built with TanStack Table, featuring sorting, row selection, team badges, edit dialog, and numbered pagination. | `npx shadcn@latest add https://shadcnuikit.com/r/tables4.json` |
| tables5 | registry:block | Invoice table with status tabs, search, creator filter, and date sorting built with TanStack Table. | `npx shadcn@latest add https://shadcnuikit.com/r/tables5.json` |
| tables6 | registry:block | Billing invoices table with status filter dropdown, search, payment breakdown, and colored status badges. | `npx shadcn@latest add https://shadcnuikit.com/r/tables6.json` |
| tables7 | registry:block | Customers table with sortable columns, payment method logos, category badges, clickthrough progress bars, and filtering. | `npx shadcn@latest add https://shadcnuikit.com/r/tables7.json` |
| tables8 | registry:block | Orders list with status tabs and counts, row selection, assignee avatars, task and comment chips, and status indicators. | `npx shadcn@latest add https://shadcnuikit.com/r/tables8.json` |
| tables9 | registry:block | Patient orders table with segmented status filters, colored status dots, product badges, and days-in-status counters. | `npx shadcn@latest add https://shadcnuikit.com/r/tables9.json` |
| checkout1 | registry:block | Checkout page with product list, shipping options, payment methods, and order summary. | `npx shadcn@latest add https://shadcnuikit.com/r/checkout1.json` |
| checkout2 | registry:block | Checkout page with product list, shipping options, payment methods, and order summary. | `npx shadcn@latest add https://shadcnuikit.com/r/checkout2.json` |
| checkout3 | registry:block | Checkout page with product list, shipping options, payment methods, and order summary. | `npx shadcn@latest add https://shadcnuikit.com/r/checkout3.json` |
| checkout4 | registry:block | Checkout page with product list, shipping options, payment methods, and order summary. | `npx shadcn@latest add https://shadcnuikit.com/r/checkout4.json` |
| checkout5 | registry:block | Checkout page with product list, shipping options, payment methods, and order summary. | `npx shadcn@latest add https://shadcnuikit.com/r/checkout5.json` |
| customer-reviews1 | registry:block | Two-column section with heading and CTA on the left and three stacked, color-coded review cards with avatars on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews1.json` |
| customer-reviews2 | registry:block | Compact review summary card with average star rating, total count, and a per-star percentage breakdown with progress bars. | `npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews2.json` |
| customer-reviews3 | registry:block | Full review listing with average score, product image thumbnails, sort dropdown, review cards with thumbs up/down, and pagination. | `npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews3.json` |
| customer-reviews4 | registry:block | Two-column layout with a searchable, filterable review list on the left and a rating summary with breakdown bars on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews4.json` |
| customer-reviews5 | registry:block | Single review card with avatar, star rating, title, body text, verified badge, photo thumbnails, and helpful/unhelpful vote buttons. | `npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews5.json` |
| customer-reviews6 | registry:block | Reviews dashboard with total count, average rating, mini distribution chart, and a list of review cards with comment, message, and like actions. | `npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews6.json` |
| customer-reviews7 | registry:block | Dark navy carousel section with heading, arrow navigation, and review cards showing avatar, name, stars, and text. Snap-scroll on mobile. | `npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews7.json` |
| customer-reviews8 | registry:block | Two-column layout with a sidebar showing rating breakdown and customer preference votes, and a main panel with a studio banner and detailed review cards. | `npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews8.json` |
| customer-reviews9 | registry:block | Review summary with rating bars, customer photo grid with lightbox carousel, and a comment card carousel with avatar, stars, and text. | `npx shadcn@latest add https://shadcnuikit.com/r/customer-reviews9.json` |
| product-cards1 | registry:block | Clean product card grid with image, color swatches, star rating, wishlist toggle, and price. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards1.json` |
| product-cards10 | registry:block | Cart summary card with product thumbnail, size, quantity, wishlist toggle, estimated total, and Shop Now action button. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards10.json` |
| product-cards11 | registry:block | Skincare product card with hover interaction: default shows product on white, hover reveals lifestyle photo with Add to Cart button and size selector. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards11.json` |
| product-cards2 | registry:block | Mobile-style product card with badge, wishlist button, image carousel dots, brand label, and Buy Now CTA. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards2.json` |
| product-cards3 | registry:block | Single product card with badge, wishlist toggle, dot indicators, brand label, and Buy Now button. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards3.json` |
| product-cards4 | registry:block | Horizontal product card with image on the left, star rating, Quick View button, description, and color swatches. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards4.json` |
| product-cards5 | registry:block | Product card with discount badge, action buttons, live countdown timer, and strikethrough pricing. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards5.json` |
| product-cards6 | registry:block | Minimal skincare product card with warm cream palette, serif heading, italic description, and dark Add to Cart button with inline price. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards6.json` |
| product-cards7 | registry:block | Full-bleed product card where the image is the background, with overlaid star rating, wishlist, name, price, and cart button. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards7.json` |
| product-cards8 | registry:block | Real estate investment listing card with property image, active badge, features row, and token price/IRR/APR metrics. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards8.json` |
| product-cards9 | registry:block | Real estate listing card with full-bleed photo and frosted glass overlay showing price range, address, features, and star rating. | `npx shadcn@latest add https://shadcnuikit.com/r/product-cards9.json` |
| product-category1 | registry:block | Category section with products in a grid or list. | `npx shadcn@latest add https://shadcnuikit.com/r/product-category1.json` |
| product-category2 | registry:block | Category block with headline and product cards. | `npx shadcn@latest add https://shadcnuikit.com/r/product-category2.json` |
| product-category3 | registry:block | Category layout with filters or tabs and product grid. | `npx shadcn@latest add https://shadcnuikit.com/r/product-category3.json` |
| product-category4 | registry:block | Category page section with products and optional sidebar. | `npx shadcn@latest add https://shadcnuikit.com/r/product-category4.json` |
| product-category5 | registry:block | Editorial grid layout with a featured collection panel and two stacked category tiles. | `npx shadcn@latest add https://shadcnuikit.com/r/product-category5.json` |
| product-category6 | registry:block | Full-width hero banner with interactive product hotspots and a membership CTA. | `npx shadcn@latest add https://shadcnuikit.com/r/product-category6.json` |
| product-category7 | registry:block | Alternating split-panel layout with bold typographic headings and product imagery. | `npx shadcn@latest add https://shadcnuikit.com/r/product-category7.json` |
| product-category8 | registry:block | Three-column editorial layout with flanking model images and centered text content. | `npx shadcn@latest add https://shadcnuikit.com/r/product-category8.json` |
| product-category9 | registry:block | Room category grid alternating between image tiles and text-only cells in a checkerboard pattern. | `npx shadcn@latest add https://shadcnuikit.com/r/product-category9.json` |
| product-details1 | registry:block | Product page with image gallery, title, price, and add-to-cart. | `npx shadcn@latest add https://shadcnuikit.com/r/product-details1.json` |
| product-details2 | registry:block | Detail layout with main image, specs, and purchase CTA. | `npx shadcn@latest add https://shadcnuikit.com/r/product-details2.json` |
| product-details3 | registry:block | Product view with gallery, description, and options. | `npx shadcn@latest add https://shadcnuikit.com/r/product-details3.json` |
| product-details4 | registry:block | Detail section with images and key info side by side. | `npx shadcn@latest add https://shadcnuikit.com/r/product-details4.json` |
| product-details5 | registry:block | Product block with image, price, variants, and CTA. | `npx shadcn@latest add https://shadcnuikit.com/r/product-details5.json` |
| product-details6 | registry:block | Layout with product images and details column. | `npx shadcn@latest add https://shadcnuikit.com/r/product-details6.json` |
| product-details7 | registry:block | Product detail with gallery, specs, and add-to-cart. | `npx shadcn@latest add https://shadcnuikit.com/r/product-details7.json` |
| product-features1 | registry:block | Section highlighting product features with icons or bullets. | `npx shadcn@latest add https://shadcnuikit.com/r/product-features1.json` |
| product-features2 | registry:block | Product benefits or specs in a list or grid. | `npx shadcn@latest add https://shadcnuikit.com/r/product-features2.json` |
| product-list1 | registry:block | List of product cards with image, title, price, and action. | `npx shadcn@latest add https://shadcnuikit.com/r/product-list1.json` |
| product-list2 | registry:block | Product list layout with thumbnails and key details. | `npx shadcn@latest add https://shadcnuikit.com/r/product-list2.json` |
| product-list3 | registry:block | Grid or list of products with image and info. | `npx shadcn@latest add https://shadcnuikit.com/r/product-list3.json` |
| product-list4 | registry:block | Product listing with cards and optional filters. | `npx shadcn@latest add https://shadcnuikit.com/r/product-list4.json` |
| product-list5 | registry:block | Product rows or cards with price and CTA. | `npx shadcn@latest add https://shadcnuikit.com/r/product-list5.json` |
| product-list6 | registry:block | Product list section with consistent card layout. | `npx shadcn@latest add https://shadcnuikit.com/r/product-list6.json` |
| product-list7 | registry:block | Listing of products with image, title, and actions. | `npx shadcn@latest add https://shadcnuikit.com/r/product-list7.json` |
| product-list8 | registry:block | Product grid or list with thumbnail and details. | `npx shadcn@latest add https://shadcnuikit.com/r/product-list8.json` |
| product-quickview1 | registry:block | Quickview dialog or panel with product image, title, price, and CTA. | `npx shadcn@latest add https://shadcnuikit.com/r/product-quickview1.json` |
| product-quickview2 | registry:block | Compact product preview in a modal or drawer. | `npx shadcn@latest add https://shadcnuikit.com/r/product-quickview2.json` |
| promo-section | registry:block | Promo block with headline, copy, and CTA or offer highlight. | `npx shadcn@latest add https://shadcnuikit.com/r/promo-section.json` |
| shopping-cart1 | registry:block | Shopping cart block with product list, total, and checkout button. | `npx shadcn@latest add https://shadcnuikit.com/r/shopping-cart1.json` |
| shopping-cart2 | registry:block | Shopping cart block with product list, total, and checkout button. | `npx shadcn@latest add https://shadcnuikit.com/r/shopping-cart2.json` |
| shopping-cart3 | registry:block | Cart UI with coupons, gift wrap, and a price details summary. | `npx shadcn@latest add https://shadcnuikit.com/r/shopping-cart3.json` |
| shopping-cart4 | registry:block | Shopping bag sheet with compact item list and totals. | `npx shadcn@latest add https://shadcnuikit.com/r/shopping-cart4.json` |
| store-navigation | registry:block | Store nav with categories or links for browsing products. | `npx shadcn@latest add https://shadcnuikit.com/r/store-navigation.json` |
| changelog1 | registry:block | Changelog with sidebar search and filters, and dated entries with author avatars. | `npx shadcn@latest add https://shadcnuikit.com/r/changelog1.json` |
| changelog2 | registry:block | Changelog layout with list of releases and expandable or linkable items. | `npx shadcn@latest add https://shadcnuikit.com/r/changelog2.json` |
| changelog3 | registry:block | Simple changelog list with dates, titles, and short descriptions. | `npx shadcn@latest add https://shadcnuikit.com/r/changelog3.json` |
| changelog4 | registry:block | Changelog page with timeline or grouped entries and optional sidebar. | `npx shadcn@latest add https://shadcnuikit.com/r/changelog4.json` |
| contact1 | registry:block | Two-column contact section with an interactive map on the left and booking, call, and directions cards on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/contact1.json` |
| contact10 | registry:block | Minimal three-row contact section with section labels, separated by dividers, showing email, address, social links, and phone in a clean grid layout. | `npx shadcn@latest add https://shadcnuikit.com/r/contact10.json` |
| contact11 | registry:block | Two-column contact section with large watermark heading, feature checklist and social icons on the left, contact form on the right, and three info cards at the… | `npx shadcn@latest add https://shadcnuikit.com/r/contact11.json` |
| contact12 | registry:block | Full-bleed background image contact section with a dark overlay, large heading and info grid on the left, and a white form card with inquiry type pills and sub… | `npx shadcn@latest add https://shadcnuikit.com/r/contact12.json` |
| contact13 | registry:block | Centered contact section with a dotted world map SVG showing global office markers and a Melbourne tooltip, below which are four channel cards for sales, suppo… | `npx shadcn@latest add https://shadcnuikit.com/r/contact13.json` |
| contact2 | registry:block | Two-column contact section with large heading, description, and trusted brand logos on the left, and a form card with name, email, company, and message fields … | `npx shadcn@latest add https://shadcnuikit.com/r/contact2.json` |
| contact3 | registry:block | Three-column contact section with heading on the left, an underline-style form card in the center, and contact info blocks on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/contact3.json` |
| contact4 | registry:block | Full-bleed background image contact section with a floating form card featuring underline inputs, privacy checkbox, and a rounded send button. | `npx shadcn@latest add https://shadcnuikit.com/r/contact4.json` |
| contact5 | registry:block | Three-column contact section with large heading on the left, stacked contact groups in the center and right, and social links beside a wide image at the bottom. | `npx shadcn@latest add https://shadcnuikit.com/r/contact5.json` |
| contact6 | registry:block | Two-column contact section with a full-height portrait image on the left and a contact form with first/last name, email, message fields, send button, and an in… | `npx shadcn@latest add https://shadcnuikit.com/r/contact6.json` |
| contact7 | registry:block | Three-part contact section with heading and address/contact info cards on top, a full-width interactive map with Get Directions button, and a Request a Demo fo… | `npx shadcn@latest add https://shadcnuikit.com/r/contact7.json` |
| contact8 | registry:block | Two-column contact section with a form card on the left and direct contact info, interactive map, and office address card on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/contact8.json` |
| contact9 | registry:block | Warm-background contact section with centered heading, three channel cards (chat, email, phone) with colored icon circles, and a footer availability note. | `npx shadcn@latest add https://shadcnuikit.com/r/contact9.json` |
| cta1 | registry:block | CTA block with headline, short text, and one button on a gradient background. | `npx shadcn@latest add https://shadcnuikit.com/r/cta1.json` |
| cta10 | registry:block | CTA block with emphasis headline and single or dual buttons. | `npx shadcn@latest add https://shadcnuikit.com/r/cta10.json` |
| cta11 | registry:block | Two-column CTA with inline expert avatars in heading, description, lime call button, and service cards with arrow links. | `npx shadcn@latest add https://shadcnuikit.com/r/cta11.json` |
| cta2 | registry:block | Centered CTA with headline, text, and two buttons over a grid pattern. | `npx shadcn@latest add https://shadcnuikit.com/r/cta2.json` |
| cta3 | registry:block | CTA section with headline, supporting copy, and primary button. | `npx shadcn@latest add https://shadcnuikit.com/r/cta3.json` |
| cta4 | registry:block | Compact CTA with headline and call-to-action button. | `npx shadcn@latest add https://shadcnuikit.com/r/cta4.json` |
| cta5 | registry:block | CTA block with headline, description, and button group. | `npx shadcn@latest add https://shadcnuikit.com/r/cta5.json` |
| cta6 | registry:block | Section with headline, subtext, and one or more CTA buttons. | `npx shadcn@latest add https://shadcnuikit.com/r/cta6.json` |
| cta7 | registry:block | CTA layout with centered or split headline and buttons. | `npx shadcn@latest add https://shadcnuikit.com/r/cta7.json` |
| cta8 | registry:block | Simple CTA with headline, short text, and primary action. | `npx shadcn@latest add https://shadcnuikit.com/r/cta8.json` |
| cta9 | registry:block | CTA with headline, supporting copy, and button row. | `npx shadcn@latest add https://shadcnuikit.com/r/cta9.json` |
| faq1 | registry:block | Centered FAQ section with a label, headline, description, and accordion list of questions. | `npx shadcn@latest add https://shadcnuikit.com/r/faq1.json` |
| faq10 | registry:block | Bordered card FAQ with FAQ badge, heading, avatar group on the left, and a plus/x accordion on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/faq10.json` |
| faq2 | registry:block | Two-column FAQ section with label, bold heading, and description on the left, and an accordion list on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/faq2.json` |
| faq3 | registry:block | Centered FAQ section with a category sidebar, accordion questions, and a contact support card at the bottom. | `npx shadcn@latest add https://shadcnuikit.com/r/faq3.json` |
| faq4 | registry:block | Two-column FAQ with a large heading and contact button on the left, and a circle-icon accordion on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/faq4.json` |
| faq5 | registry:block | Grid FAQ section with a badge, heading, description, 3-column Q&A grid, and a contact CTA bar at the bottom. | `npx shadcn@latest add https://shadcnuikit.com/r/faq5.json` |
| faq6 | registry:block | Tab-filtered FAQ with bordered accordion cards and a Book a free call CTA at the bottom. | `npx shadcn@latest add https://shadcnuikit.com/r/faq6.json` |
| faq7 | registry:block | Editorial minimal FAQ with uppercase questions, answer revealed in right column, and italic serif FAQ's heading. | `npx shadcn@latest add https://shadcnuikit.com/r/faq7.json` |
| faq8 | registry:block | Two-column FAQ with avatar, booking CTA on the left, and a bordered accordion list on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/faq8.json` |
| faq9 | registry:block | Two-column FAQ with bold heading on the left, accordion list, and a full-height image on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/faq9.json` |
| feature1 | registry:block | Grid of feature cards with icons, title, and short description. | `npx shadcn@latest add https://shadcnuikit.com/r/feature1.json` |
| feature10 | registry:block | Section with feature list and supporting headline. | `npx shadcn@latest add https://shadcnuikit.com/r/feature10.json` |
| feature11 | registry:block | Feature grid or list with icons and descriptions. | `npx shadcn@latest add https://shadcnuikit.com/r/feature11.json` |
| feature12 | registry:block | Feature cards with icon, title, and copy in a structured layout. | `npx shadcn@latest add https://shadcnuikit.com/r/feature12.json` |
| feature13 | registry:block | Feature section with alternating or grid layout and visuals. | `npx shadcn@latest add https://shadcnuikit.com/r/feature13.json` |
| feature2 | registry:block | Feature block with headline and icon-plus-text cards in a grid. | `npx shadcn@latest add https://shadcnuikit.com/r/feature2.json` |
| feature3 | registry:block | Section with feature list or cards and optional image or illustration. | `npx shadcn@latest add https://shadcnuikit.com/r/feature3.json` |
| feature4 | registry:block | Features in a row or grid with icons and descriptions. | `npx shadcn@latest add https://shadcnuikit.com/r/feature4.json` |
| feature5 | registry:block | Two-column or alternating layout for features with copy and visual. | `npx shadcn@latest add https://shadcnuikit.com/r/feature5.json` |
| feature6 | registry:block | Feature grid with icon, title, and body text per item. | `npx shadcn@latest add https://shadcnuikit.com/r/feature6.json` |
| feature7 | registry:block | Feature section with headline and card or list layout. | `npx shadcn@latest add https://shadcnuikit.com/r/feature7.json` |
| feature8 | registry:block | Layout highlighting multiple features with icons and short text. | `npx shadcn@latest add https://shadcnuikit.com/r/feature8.json` |
| feature9 | registry:block | Feature blocks with optional numbering or badges. | `npx shadcn@latest add https://shadcnuikit.com/r/feature9.json` |
| footer1 | registry:block | Footer with link columns, logo, and optional newsletter or social links. | `npx shadcn@latest add https://shadcnuikit.com/r/footer1.json` |
| footer10 | registry:block | Dark purple CTA footer with gradient swirl background, italic serif heading, two action buttons, and a slim translucent bottom nav bar. | `npx shadcn@latest add https://shadcnuikit.com/r/footer10.json` |
| footer11 | registry:block | Luxury footer with dark hero panel, cream contact section with Visit/Write/Call rows, newsletter signup, and pipe-separated nav bar. | `npx shadcn@latest add https://shadcnuikit.com/r/footer11.json` |
| footer12 | registry:block | Full blue footer with large CTA headline, outlined pill button, brand column with social icons, and three-column nav links. | `npx shadcn@latest add https://shadcnuikit.com/r/footer12.json` |
| footer2 | registry:block | Multi-column footer with nav links and bottom bar. | `npx shadcn@latest add https://shadcnuikit.com/r/footer2.json` |
| footer3 | registry:block | Compact or full footer with links and copyright. | `npx shadcn@latest add https://shadcnuikit.com/r/footer3.json` |
| footer4 | registry:block | Footer layout with columns and optional CTA or form. | `npx shadcn@latest add https://shadcnuikit.com/r/footer4.json` |
| footer5 | registry:block | Footer with nav groups, social icons, and legal links. | `npx shadcn@latest add https://shadcnuikit.com/r/footer5.json` |
| footer6 | registry:block | Dark footer with newsletter signup card, brand column, nav groups, social icons, and scroll-to-top button. | `npx shadcn@latest add https://shadcnuikit.com/r/footer6.json` |
| footer7 | registry:block | Dark green footer with serif headings, pill CTA, contact column, two-column quick links, and diamond-separated bottom bar. | `npx shadcn@latest add https://shadcnuikit.com/r/footer7.json` |
| footer8 | registry:block | Light footer with centered CTA section above a card containing brand, nav columns, social icons, and bottom credits bar. | `npx shadcn@latest add https://shadcnuikit.com/r/footer8.json` |
| footer9 | registry:block | Minimal white footer with large bold nav links, social links with arrow icons and dividers, and a slim bottom bar. | `npx shadcn@latest add https://shadcnuikit.com/r/footer9.json` |
| hero1 | registry:block | Centered hero with a small announcement badge, headline, short text, and two buttons. | `npx shadcn@latest add https://shadcnuikit.com/r/hero1.json` |
| hero10 | registry:block | Centered hero with badge, headline, one CTA, and a full-width screenshot below. | `npx shadcn@latest add https://shadcnuikit.com/r/hero10.json` |
| hero11 | registry:block | Dark gradient hero with glass nav, centered content, and a horizontal photo marquee. | `npx shadcn@latest add https://shadcnuikit.com/r/hero11.json` |
| hero12 | registry:block | Centered hero with avatars and stars, headline, two buttons, and a brand logo strip. | `npx shadcn@latest add https://shadcnuikit.com/r/hero12.json` |
| hero13 | registry:block | Two-column hero with badge, headline, and buttons on the left and vertical image marquees on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/hero13.json` |
| hero14 | registry:block | Full-screen image hero with dark overlay, nav, and headline with one CTA at bottom left. | `npx shadcn@latest add https://shadcnuikit.com/r/hero14.json` |
| hero2 | registry:block | Centered hero with badge, headline, two buttons, and a row of avatars with star rating. | `npx shadcn@latest add https://shadcnuikit.com/r/hero2.json` |
| hero3 | registry:block | Centered hero with a version badge, headline with one highlighted word, and two buttons. | `npx shadcn@latest add https://shadcnuikit.com/r/hero3.json` |
| hero4 | registry:block | Full-height hero with gradient, nav, centered headline, prompt input, and suggestion chips. | `npx shadcn@latest add https://shadcnuikit.com/r/hero4.json` |
| hero5 | registry:block | Two-column hero: left side text with badge and buttons, right side grid of cards and avatars. | `npx shadcn@latest add https://shadcnuikit.com/r/hero5.json` |
| hero6 | registry:block | Two-column hero with badge and headline on the left, product image grid on the right, and stats below. | `npx shadcn@latest add https://shadcnuikit.com/r/hero6.json` |
| hero7 | registry:block | Two-column hero with headline and email signup on the left, animated icon orbits on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/hero7.json` |
| hero8 | registry:block | Centered hero with pill-shaped nav, badge, headline, two buttons, and a stat cards grid. | `npx shadcn@latest add https://shadcnuikit.com/r/hero8.json` |
| hero9 | registry:block | Full-width image hero with nav, centered headline, and an inline booking form with stats. | `npx shadcn@latest add https://shadcnuikit.com/r/hero9.json` |
| how-it-works1 | registry:block | Centered section with badge, heading, and three icon steps connected by dashed curved lines. | `npx shadcn@latest add https://shadcnuikit.com/r/how-it-works1.json` |
| how-it-works10 | registry:block | Centered heading with uppercase label and three bordered cards each showing an image, bold title, description, and a Learn more link. | `npx shadcn@latest add https://shadcnuikit.com/r/how-it-works10.json` |
| how-it-works2 | registry:block | Three-column layout with heading and two steps on the left, a portrait building image in the center, and description with two steps on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/how-it-works2.json` |
| how-it-works3 | registry:block | Two-column layout with a full-height image on the left and numbered steps with dividers on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/how-it-works3.json` |
| how-it-works4 | registry:block | Minimal centered layout with heading, subtitle, and three steps separated by dividers with inline number badges. | `npx shadcn@latest add https://shadcnuikit.com/r/how-it-works4.json` |
| how-it-works5 | registry:block | 3-column grid with a heading card on the top-left and five bordered step cards each showing a number badge, title, and description. | `npx shadcn@latest add https://shadcnuikit.com/r/how-it-works5.json` |
| how-it-works6 | registry:block | Editorial layout with a slash-prefixed heading, a dark hero card for step 01, and outlined pill-badged rows for steps 02–04. | `npx shadcn@latest add https://shadcnuikit.com/r/how-it-works6.json` |
| how-it-works7 | registry:block | Centered heading with italic label, and three bordered cards each showing a large watermark number, bold title, and description. | `npx shadcn@latest add https://shadcnuikit.com/r/how-it-works7.json` |
| how-it-works8 | registry:block | Two-column interactive layout with an image panel on the left that switches per step, and auto-advancing steps with progress bars on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/how-it-works8.json` |
| how-it-works9 | registry:block | 2x2 grid layout with four steps each showing a number, heading, description, and an inline UI mockup card below. | `npx shadcn@latest add https://shadcnuikit.com/r/how-it-works9.json` |
| integrations1 | registry:block | Section with integration logos or cards in a grid. | `npx shadcn@latest add https://shadcnuikit.com/r/integrations1.json` |
| integrations2 | registry:block | Integration list or grid with icons and short labels. | `npx shadcn@latest add https://shadcnuikit.com/r/integrations2.json` |
| integrations3 | registry:block | Block showcasing connected apps or platforms with logos. | `npx shadcn@latest add https://shadcnuikit.com/r/integrations3.json` |
| integrations4 | registry:block | Integrations section with headline and logo grid. | `npx shadcn@latest add https://shadcnuikit.com/r/integrations4.json` |
| integrations5 | registry:block | Layout with integration cards or logo strip. | `npx shadcn@latest add https://shadcnuikit.com/r/integrations5.json` |
| integrations6 | registry:block | Section listing integrations with optional descriptions. | `npx shadcn@latest add https://shadcnuikit.com/r/integrations6.json` |
| navbar1 | registry:block | Top nav with logo, links, and CTA button; mobile menu. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar1.json` |
| navbar10 | registry:block | E-commerce navbar with centered serif brand, mega menu with category columns, and account, search, and bag icons. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar10.json` |
| navbar11 | registry:block | Fashion store navbar with uppercase links, centered brand, mega menu combining link columns and featured image cards, and search, account, wishlist, and bag ic… | `npx shadcn@latest add https://shadcnuikit.com/r/navbar11.json` |
| navbar12 | registry:block | Clothing store header with dark top bar, social icons, search field, centered brand over nav links, and a mega menu with product columns and featured image car… | `npx shadcn@latest add https://shadcnuikit.com/r/navbar12.json` |
| navbar13 | registry:block | Course platform navbar with dismissible gradient announcement bar, mega menu of icon category cards with promo panel, search field, and auth buttons. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar13.json` |
| navbar14 | registry:block | Agency navbar with icon-tile dropdown menus, featured first item with long description, a resources menu with promo card, and a rounded CTA button. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar14.json` |

## For AI agents

```text
You are adding components from @shadcnuikit to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/shadcnuikit.md) for the component list.
2. Fetch the machine-readable index: https://shadcnuikit.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: shadcnuikit).
```