---
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", "developer-tools", "e-commerce", "forms", "navigation", "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-07-28T08:59:05.895Z"
---

# @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` |
| 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-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-modal6 | registry:block | Multi-step onboarding dialog with radio and checkbox fields. | `npx shadcn@latest add https://shadcnuikit.com/r/dashboard-modal6.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 | Data table with columns, rows, and optional actions or badges. | `npx shadcn@latest add https://shadcnuikit.com/r/table.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` |
| navbar15 | registry:block | Minimal studio navbar with pill social links and a hamburger that opens a fullscreen dark menu with oversized typography, contact info, and socials. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar15.json` |
| navbar2 | registry:block | Navbar with centered or split links and optional search. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar2.json` |
| navbar3 | registry:block | Header with logo, nav items, and primary/secondary actions. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar3.json` |
| navbar4 | registry:block | Navbar with logo, centered links, Sign in link, and Register CTA button. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar4.json` |
| navbar5 | registry:block | App-style navbar with left-aligned links, message and notification icons, and user avatar. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar5.json` |
| navbar6 | registry:block | Navbar with filled search field next to the logo, nav links, action icons, and avatar. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar6.json` |
| navbar7 | registry:block | Navbar with left links and a rounded outlined search input beside action icons and avatar. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar7.json` |
| navbar8 | registry:block | Navbar with minimal inline search and a user dropdown menu with avatar and name. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar8.json` |
| navbar9 | registry:block | Compact navbar with logo, large centered search bar, action icons, and avatar. | `npx shadcn@latest add https://shadcnuikit.com/r/navbar9.json` |
| newsletter1 | registry:block | Newsletter signup with headline, short text, and email input plus button. | `npx shadcn@latest add https://shadcnuikit.com/r/newsletter1.json` |
| newsletter2 | registry:block | Subscribe block with copy and inline or stacked form. | `npx shadcn@latest add https://shadcnuikit.com/r/newsletter2.json` |
| newsletter3 | registry:block | Email signup section with optional headline and CTA. | `npx shadcn@latest add https://shadcnuikit.com/r/newsletter3.json` |
| newsletter4 | registry:block | Centered newsletter section with floating community avatars, email input, and social proof count. | `npx shadcn@latest add https://shadcnuikit.com/r/newsletter4.json` |
| newsletter5 | registry:block | Dark two-column newsletter section with headline, email form, disclaimer, and decorative envelope illustration. | `npx shadcn@latest add https://shadcnuikit.com/r/newsletter5.json` |
| newsletter6 | registry:block | Two-column newsletter section with badge, headline, email form, subscribe button, and feature list beside a large image. | `npx shadcn@latest add https://shadcnuikit.com/r/newsletter6.json` |
| newsletter7 | registry:block | Split newsletter section with a full-height image on the left and email form with headline and disclaimer on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/newsletter7.json` |
| newsletter8 | registry:block | Full-width background image newsletter with centered text and inline email form. | `npx shadcn@latest add https://shadcnuikit.com/r/newsletter8.json` |
| pricing1 | registry:block | Pricing cards in a row with plan name, price, feature list, and CTA button. | `npx shadcn@latest add https://shadcnuikit.com/r/pricing1.json` |
| pricing2 | registry:block | Pricing section with tier cards and feature comparison. | `npx shadcn@latest add https://shadcnuikit.com/r/pricing2.json` |
| pricing3 | registry:block | Pricing grid or list with plans and highlight for a featured tier. | `npx shadcn@latest add https://shadcnuikit.com/r/pricing3.json` |
| pricing4 | registry:block | Pricing layout with multiple plans and feature checkmarks. | `npx shadcn@latest add https://shadcnuikit.com/r/pricing4.json` |
| pricing5 | registry:block | Pricing table with plan cards and optional badge or popular label. | `npx shadcn@latest add https://shadcnuikit.com/r/pricing5.json` |
| pricing6 | registry:block | Compact or expanded pricing blocks with CTA per plan. | `npx shadcn@latest add https://shadcnuikit.com/r/pricing6.json` |
| pricing7 | registry:block | Pricing section with headline and tier cards in a row. | `npx shadcn@latest add https://shadcnuikit.com/r/pricing7.json` |
| stats1 | registry:block | Four-column stats section with animated counters, bold values, suffixes, labels, and short descriptions on a bordered-left layout. | `npx shadcn@latest add https://shadcnuikit.com/r/stats1.json` |
| stats10 | registry:block | Two-column stats section with a plain label, bold heading, description, and three inline animated stats on the left, and two stacked feature cards with orange … | `npx shadcn@latest add https://shadcnuikit.com/r/stats10.json` |
| stats11 | registry:block | Two-column stats section with badge, heading, description, and three inline animated stats on the left, and a 2x2 feature card grid with lime icon badges on th… | `npx shadcn@latest add https://shadcnuikit.com/r/stats11.json` |
| stats12 | registry:block | Three-column stats section with a bold heading and 2x2 animated stat grid on the left, a full-height portrait image in the center, and description paragraphs w… | `npx shadcn@latest add https://shadcnuikit.com/r/stats12.json` |
| stats2 | registry:block | Centered stats section with a pill badge, two-line heading with a highlighted word, and three large bordered cards each showing an animated number and label. | `npx shadcn@latest add https://shadcnuikit.com/r/stats2.json` |
| stats3 | registry:block | Three staggered stat cards with icon badge, large light-weight animated number, and a bolded description. Middle card is offset downward for visual rhythm. | `npx shadcn@latest add https://shadcnuikit.com/r/stats3.json` |
| stats4 | registry:block | Two-column stats section with a dashed Indicator label, bold heading, and a star rating row on the left, and a 2x2 animated violet stats grid on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/stats4.json` |
| stats5 | registry:block | Full-width blue-to-indigo gradient card with four animated stats in a row, separated by translucent dividers, and a decorative blur blob on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/stats5.json` |
| stats6 | registry:block | Bordered card with two columns: a large bold heading with a green emphasis line on the left, and three vertically stacked animated stats separated by dividers … | `npx shadcn@latest add https://shadcnuikit.com/r/stats6.json` |
| stats7 | registry:block | Two-column bordered card with an indigo ROI badge and heading. Left side shows two animated stats and a decorative SVG area chart. Right side has a heading, de… | `npx shadcn@latest add https://shadcnuikit.com/r/stats7.json` |
| stats8 | registry:block | Dark two-column stats section with a product image on the left and a pill badge, bold heading, description, and two large animated stats on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/stats8.json` |
| stats9 | registry:block | Dark-themed 2x2 stats grid with corner bracket decorations, amber animated numbers, a bold two-line heading on the left, and a small italic tagline on the righ… | `npx shadcn@latest add https://shadcnuikit.com/r/stats9.json` |
| team1 | registry:block | Grid of team cards with photo, name, role, and optional links. | `npx shadcn@latest add https://shadcnuikit.com/r/team1.json` |
| team10 | registry:block | Fan-style portrait cards with rotation effect, gradient overlay, and a tagline pill. | `npx shadcn@latest add https://shadcnuikit.com/r/team10.json` |
| team11 | registry:block | Two-column layout with heading and CTA on the left, five-photo masonry grid on the right. | `npx shadcn@latest add https://shadcnuikit.com/r/team11.json` |
| team12 | registry:block | Two-row pill card layout with grayscale photos, offset rows, and edge gradient masks. | `npx shadcn@latest add https://shadcnuikit.com/r/team12.json` |
| team2 | registry:block | Team member cards in a row or grid with avatar and bio. | `npx shadcn@latest add https://shadcnuikit.com/r/team2.json` |
| team3 | registry:block | Section with headline and team profile cards. | `npx shadcn@latest add https://shadcnuikit.com/r/team3.json` |
| team4 | registry:block | Layout showcasing team with photos and short descriptions. | `npx shadcn@latest add https://shadcnuikit.com/r/team4.json` |
| team5 | registry:block | Team grid or list with avatar, name, and role per card. | `npx shadcn@latest add https://shadcnuikit.com/r/team5.json` |
| team6 | registry:block | Editorial team section with full-height grayscale portraits, section number, and description. | `npx shadcn@latest add https://shadcnuikit.com/r/team6.json` |
| team7 | registry:block | Accordion-style team cards with pastel backgrounds that expand on hover to reveal name and title. | `npx shadcn@latest add https://shadcnuikit.com/r/team7.json` |
| team8 | registry:block | Leadership grid with name, role, bio, and portrait photo per card. | `npx shadcn@latest add https://shadcnuikit.com/r/team8.json` |
| team9 | registry:block | 3x2 grid with a CTA card and five team member photo cards with social links. | `npx shadcn@latest add https://shadcnuikit.com/r/team9.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).
```