llms.txt
# Shadcn UI Kit
> Shadcn UI Kit is a premium collection of admin dashboards, website templates, UI blocks, components and examples built on top of shadcn/ui, Tailwind CSS, React and Next.js. It is an independent product by Bundui and is not the official shadcn/ui library, nor affiliated with shadcn. shadcn/ui is a free, open source component library (https://ui.shadcn.com); Shadcn UI Kit is a separate, paid product sold with a one-time lifetime license.
Key facts:
- 16 admin dashboards, 17 dashboard apps, 555+ blocks, 70+ examples and 564+ component variants
- Built with Next.js 16, React 19, Tailwind CSS v4, TypeScript and shadcn/ui
- Copy and paste code or install with the shadcn CLI, fully customizable
- One-time payment, lifetime access and updates, no subscription. Licenses: Shadcn UI Kit Pro ($79), Shadcn UI Kit Team ($199), Shadcn UI Kit Enterprise ($499)
- Commercial and client projects allowed, no attribution required
- Free components, blocks and templates are available alongside the premium ones
Every component variant, block and example is listed in [llms-full.txt](https://shadcnuikit.com/llms-full.txt). Component, block and example pages also have Markdown versions: add .md to the page URL, for example [Hero Sections](https://shadcnuikit.com/blocks/marketing/hero-sections.md).
## Main Pages
- [Home](https://shadcnuikit.com/): Overview of Shadcn UI Kit
- [Pricing](https://shadcnuikit.com/pricing): License options and what is included
- [Admin Dashboards](https://shadcnuikit.com/admin-dashboard): Next.js admin dashboard kit built with shadcn/ui
- [Components](https://shadcnuikit.com/components): shadcn/ui component variants for Radix UI and Base UI
- [Blocks](https://shadcnuikit.com/blocks): Ready-made page sections for marketing sites and apps
- [Examples](https://shadcnuikit.com/examples): Real-world UI examples such as cards, forms and tables
- [Templates](https://shadcnuikit.com/templates): Complete Next.js website templates
- [Free Templates](https://shadcnuikit.com/free-templates): Free shadcn/ui templates
- [Illustrations](https://shadcnuikit.com/illustrations): Illustration sets for web projects
## Tools
- [Page Builder](https://shadcnuikit.com/page-builder): Build multi-page sites from blocks and export clean Next.js code
- [Theme Generator](https://shadcnuikit.com/theme-generator): Create shadcn/ui themes with Tailwind CSS v4 variables
- [MCP Server](https://shadcnuikit.com/mcp): Use the kit's blocks, components and dashboards from Claude Code, Cursor and other AI editors
- [Figma UI Kit](https://shadcnuikit.com/figma): Figma file with every admin dashboard, web app and page, built on shadcn/ui components and Tailwind CSS v4 variables
## Docs
- [Introduction](https://shadcnuikit.com/docs): What Shadcn UI Kit includes and how the docs are organized.
- [Installation](https://shadcnuikit.com/docs/installation): Set up a Next.js project with shadcn/ui and Tailwind CSS.
- [License & Access](https://shadcnuikit.com/docs/license-and-access): Plans, signing in after purchase and getting access.
- [Shadcn CLI](https://shadcnuikit.com/docs/shadcn-cli): Install free and premium items with the Shadcn CLI.
- [MCP Server](https://shadcnuikit.com/docs/mcp-server): Use the kit from Claude Code, Cursor and VS Code.
- [AI Skills](https://shadcnuikit.com/docs/ai-skills): Skill and rule files for Claude Code, Cursor, Copilot and more.
- [Components](https://shadcnuikit.com/docs/components): Component variants for Radix UI and Base UI.
- [Blocks](https://shadcnuikit.com/docs/blocks): Ready-made sections for marketing sites, stores and apps.
- [Examples](https://shadcnuikit.com/docs/examples): Real-world UI examples such as cards, charts and forms.
- [Admin Dashboards](https://shadcnuikit.com/docs/admin-dashboards): Complete Next.js admin dashboard templates and apps.
- [Templates](https://shadcnuikit.com/docs/templates): Next.js website templates, free and premium.
- [Figma UI Kit](https://shadcnuikit.com/docs/figma): Duplicate the Figma file, switch themes and hand off.
- [Illustrations](https://shadcnuikit.com/docs/illustrations): Animated bento cards and UI illustrations.
- [Page Builder](https://shadcnuikit.com/docs/page-builder): Build multi-page sites from blocks and export the code.
- [Theme Generator](https://shadcnuikit.com/docs/theme-generator): Create a shadcn/ui theme and export CSS variables.
- [Teams](https://shadcnuikit.com/docs/teams): Share access with your team members.
- [Support & Updates](https://shadcnuikit.com/docs/support): Getting help, release notes and the roadmap.
## Use with AI Editors (MCP)
Shadcn UI Kit runs a remote MCP server at https://shadcnuikit.com/api/mcp. Claude Code, Cursor, VS Code and any client that supports remote MCP servers over HTTP can search the catalog and pull real kit blocks, components and dashboard pages into a project.
- Authentication: an API key from your account (https://shadcnuikit.com/account/api-keys), the same key the shadcn CLI uses
- Claude Code: `claude mcp add --transport http shadcnuikit https://shadcnuikit.com/api/mcp --header "Authorization: Bearer YOUR_API_KEY"`
- Cursor (.cursor/mcp.json) and VS Code (.vscode/mcp.json): add a server named "shadcnuikit" with the URL above and the same Authorization header
- Tools: search_catalog, list_categories, get_item_code, plan_page, list_dashboards, get_dashboard
- [Full setup guide](https://shadcnuikit.com/mcp)
## Admin Dashboards
- [Classic Dashboard](https://shadcnuikit.com/dashboard/default)
- [E-commerce Dashboard](https://shadcnuikit.com/dashboard/ecommerce)
- [Sales Dashboard](https://shadcnuikit.com/dashboard/sales)
- [CRM Dashboard](https://shadcnuikit.com/dashboard/crm)
- [Project Management Dashboard](https://shadcnuikit.com/dashboard/project-management)
- [File Manager Dashboard](https://shadcnuikit.com/dashboard/file-manager)
- [Crypto Dashboard](https://shadcnuikit.com/dashboard/crypto)
- [Academy/School Dashboard](https://shadcnuikit.com/dashboard/academy)
- [Hospital Management Dashboard](https://shadcnuikit.com/dashboard/hospital-management)
- [Analytics Dashboard](https://shadcnuikit.com/dashboard/website-analytics)
- [Finance Dashboard](https://shadcnuikit.com/dashboard/finance)
- [Payment Dashboard](https://shadcnuikit.com/dashboard/payment)
- [HR Dashboard](https://shadcnuikit.com/dashboard/hr)
- [Real Estate Dashboard](https://shadcnuikit.com/dashboard/real-estate)
- [Hotel Management Dashboard](https://shadcnuikit.com/dashboard/hotel)
- [AI Analytics Dashboard](https://shadcnuikit.com/dashboard/ai-analytics)
- [Kanban Board](https://shadcnuikit.com/dashboard/apps/kanban)
- [Notes App](https://shadcnuikit.com/dashboard/apps/notes)
- [Chat App](https://shadcnuikit.com/dashboard/apps/chat)
- [Social Media App](https://shadcnuikit.com/dashboard/apps/social-media)
- [Workflow Automation App](https://shadcnuikit.com/dashboard/workflow-automation)
- [Mail App](https://shadcnuikit.com/dashboard/apps/mail)
- [Todo List App](https://shadcnuikit.com/dashboard/apps/todo-list-app)
- [Tasks](https://shadcnuikit.com/dashboard/apps/tasks)
- [Event Calendar](https://shadcnuikit.com/dashboard/apps/calendar)
- [File Manager](https://shadcnuikit.com/dashboard/apps/file-manager)
- [Api Keys](https://shadcnuikit.com/dashboard/apps/api-keys)
- [POS App](https://shadcnuikit.com/dashboard/apps/pos-system)
- [Courses App](https://shadcnuikit.com/dashboard/apps/courses)
- [AI Chat](https://shadcnuikit.com/dashboard/apps/ai-chat)
- [AI Chat V2](https://shadcnuikit.com/dashboard/apps/ai-chat-v2)
- [Image Generator](https://shadcnuikit.com/dashboard/apps/ai-image-generator)
- [Text to Speech](https://shadcnuikit.com/dashboard/apps/text-to-speech)
## Templates
- [Cosmic - Next.js SaaS Landing Page Template](https://shadcnuikit.com/template/cosmic-landing-page-template): A high converting landing page.
- [Soho - Next.js Chat App Template](https://shadcnuikit.com/template/soho-chat-app-template): A template you can use to create chat-style apps.
- [Neofolio - Next.js Portfolio Template](https://shadcnuikit.com/template/neofolio-portfolio-template): A dashboard style portfolio website template.
- [Waitly - Free Next.js Waitlist Template](https://shadcnuikit.com/template/waitly-free-waitlist-template): A simple and useful waitlist template.
- [Signalry - Next.js AI SaaS Landing Page Template](https://shadcnuikit.com/template/signalry-ai-saas-landing-page-template): An animated landing page for AI and SaaS products.
- [Shopcn - Next.js E-commerce Template](https://shadcnuikit.com/template/shopcn-ecommerce-template): A complete storefront for independent brands.
## Blocks
- [Hero Section](https://shadcnuikit.com/blocks/marketing/hero-sections): Beautiful shadcn/ui hero section examples designed to capture attention and drive conversions.
- [Call to Action](https://shadcnuikit.com/blocks/marketing/cta-sections): High-converting call-to-action sections built with shadcn/ui button and card components.
- [Changelog Page](https://shadcnuikit.com/blocks/marketing/changelog-page): Changelog page layouts built with shadcn/ui to announce product updates, fixes, and releases.
- [Pricing Table](https://shadcnuikit.com/blocks/marketing/pricing-tables): Professional pricing table components built with shadcn/ui to showcase your product plans and pricing tiers.
- [Feature Section](https://shadcnuikit.com/blocks/marketing/feature-sections): Showcase your products key features and benefits with beautifully designed shadcn/ui feature section components.
- [Testimonials](https://shadcnuikit.com/blocks/marketing/testimonials): Build trust and credibility with professionally designed shadcn/ui testimonial components.
- [Team Sections](https://shadcnuikit.com/blocks/marketing/team-sections): Showcase your team members with elegant shadcn/ui team section components.
- [Integrations](https://shadcnuikit.com/blocks/marketing/integrations): Seamlessly connect with popular AI and productivity platforms using ready-to-integrate shadcn/ui components.
- [Newsletter Sections](https://shadcnuikit.com/blocks/marketing/newsletter-sections): Grow your email list with conversion-optimized shadcn/ui newsletter section components.
- [Contact Us](https://shadcnuikit.com/blocks/marketing/contact-us): Contact section components built with shadcn/ui featuring interactive maps, contact options, and call-to-action cards.
- [How It Works](https://shadcnuikit.com/blocks/marketing/how-it-works): How it works section components built with shadcn/ui to guide visitors through a process or set of steps.
- [Stats](https://shadcnuikit.com/blocks/marketing/stats): Animated stats section components built with shadcn/ui to showcase key metrics, social proof numbers, and performance indicators.
- [FAQs](https://shadcnuikit.com/blocks/marketing/faqs): Frequently asked questions section components built with shadcn/ui to address common customer concerns and reduce support load.
- [Footers](https://shadcnuikit.com/blocks/marketing/footers): Professional footer components built with shadcn/ui featuring comprehensive navigation links, contact information, social media links, and newsletter signup forms.
- [Navbars](https://shadcnuikit.com/blocks/marketing/navbars): Responsive navigation bar components built with shadcn/ui featuring mobile-friendly hamburger menus, dropdown navigation, search functionality, and modern designs.
- [Checkout Page](https://shadcnuikit.com/blocks/ecommerce/checkout-page): Professional checkout page components built with React, TypeScript, and shadcn/ui, featuring integrated order summaries, type-safe shipping forms, and secure payment flows.
- [Product List](https://shadcnuikit.com/blocks/ecommerce/product-list): High-performance product list components built with React, TypeScript, and shadcn/ui, featuring responsive grid layouts, dynamic filtering, and type-safe data rendering.
- [Product Category](https://shadcnuikit.com/blocks/ecommerce/product-category): Product category components built with shadcn/ui displaying products in organized category formats with product images, detailed descriptions, pricing information, and quick action buttons.
- [Product Cards](https://shadcnuikit.com/blocks/ecommerce/product-cards): Versatile product card components built with shadcn/ui featuring product images, color swatches, star ratings, wishlist buttons, and pricing.
- [Product Details](https://shadcnuikit.com/blocks/ecommerce/product-details): Complete product detail page components built with shadcn/ui featuring image galleries, detailed specifications, customer reviews, and purchase options.
- [Product Features](https://shadcnuikit.com/blocks/ecommerce/product-features): Highlight your product's key features and benefits with beautifully designed shadcn/ui product feature components.
- [Shopping Cart](https://shadcnuikit.com/blocks/ecommerce/shopping-cart): Modular shopping cart components built with React, TypeScript, and shadcn/ui, featuring type-safe item management, real-time quantity updates, and seamless discount code integration.
- [Promo Sections](https://shadcnuikit.com/blocks/ecommerce/promo-sections): Showcase your product's key features and benefits with beautifully designed shadcn/ui promo section components.
- [Store Navigation](https://shadcnuikit.com/blocks/ecommerce/store-navigation): Showcase your product's key features and benefits with beautifully designed shadcn/ui store navigation components.
- [Customer Reviews](https://shadcnuikit.com/blocks/ecommerce/customer-reviews): Customer review section components built with shadcn/ui to showcase social proof and buyer testimonials in ecommerce layouts.
- [Product Quickviews](https://shadcnuikit.com/blocks/ecommerce/product-quickviews): Showcase your product's key features and benefits with beautifully designed shadcn/ui product quickviews components.
- [Form Layouts](https://shadcnuikit.com/blocks/dashboard-ui/form-layouts): Comprehensive form layout components built with React, TypeScript, and shadcn/ui, featuring integrated Zod validation, type-safe state management, and responsive grid structures.
- [Charts](https://shadcnuikit.com/blocks/dashboard-ui/charts): High-performance data visualization components built with React, TypeScript, and shadcn/ui, featuring interactive Recharts integration, type-safe data handling, and seamless animation.
- [Signin Forms](https://shadcnuikit.com/blocks/dashboard-ui/sign-in-forms): Secure and responsive authentication components built with React, TypeScript, and shadcn/ui, featuring integrated Zod validation, type-safe state management, and seamless social login options.
- [Stat Cards](https://shadcnuikit.com/blocks/dashboard-ui/stat-cards): Dashboard stat card components built with shadcn/ui to display key metrics, KPIs, and analytics at a glance.
- [Modal Dialogs](https://shadcnuikit.com/blocks/dashboard-ui/modal-dialogs): Modal and dialog components built with shadcn/ui for confirmations, forms, and focused content.
- [Page Layouts](https://shadcnuikit.com/blocks/dashboard-ui/page-layouts): Full page layout components built with shadcn/ui sidebar and header patterns.
- [Sidebar Layouts](https://shadcnuikit.com/blocks/dashboard-ui/sidebar-layouts): Sidebar-based layout components built with shadcn/ui for app navigation and structure.
- [Dashboard Shell](https://shadcnuikit.com/blocks/dashboard-ui/dashboard-shell): Dashboard shell blocks built with shadcn/ui that combine an inset sidebar, grouped navigation, user menu, and a site header around an empty content area.
- [Onboarding Screens](https://shadcnuikit.com/blocks/dashboard-ui/onboarding-screens): Onboarding blocks built with shadcn/ui that walk a new user through a short guided setup: one question per step, progress indicator, keyboard shortcuts, skippable steps, and a completion state.
- [Dashboard Dropdowns](https://shadcnuikit.com/blocks/dashboard-ui/dropdown-components): Dashboard dropdown blocks built with shadcn/ui for the app top bar: account menus with theme switchers, notification and chat inboxes, mini cart, favorites, workspace and language switchers, message actions and a column picker.
- [Tables](https://shadcnuikit.com/blocks/dashboard-ui/tables): High-performance data table components built with React, TypeScript, and shadcn/ui, featuring integrated TanStack Table support, type-safe filtering, and seamless pagination.
- [Empty State](https://shadcnuikit.com/blocks/dashboard-ui/empty-state): Empty state blocks built with shadcn/ui: no results, no data, first run, syncing, access denied, offline and verification screens with soft illustrations, skeleton previews and clear next actions.
- [Map View](https://shadcnuikit.com/blocks/application-ui/map-view): Interactive map view blocks built with shadcn/ui and MapLibre: property and apartment search, store locators, delivery tracking, route planners, network status and analytics maps with markers, popups, routes and synced side panels.
- [Gantt Chart](https://shadcnuikit.com/blocks/application-ui/gantt-chart): Gantt chart blocks built with shadcn/ui and the Kibo UI Gantt component: product roadmaps, project schedules and team resource planners with drag to reschedule, markers, grouping and detail panels.
- [Kanban Board](https://shadcnuikit.com/blocks/application-ui/kanban-board): Kanban board blocks built with shadcn/ui and the Kibo UI Kanban component: task boards, sales pipelines, team workspaces, grouped task lists and AI agent boards with drag and drop between columns.
- [Mail App](https://shadcnuikit.com/blocks/application-ui/mail-app): Mail app blocks built with shadcn/ui: three pane email clients, inbox dashboards, sales inboxes with AI summaries, folder and label sidebars and sectioned inboxes with search, compose and reply.
- [Chat UI](https://shadcnuikit.com/blocks/application-ui/chat-ui): Chat UI blocks built with shadcn/ui: messengers with media messages, team and group chats, shared support inboxes, AI agent inboxes, CRM conversations and video call screens with participants and call controls.
- [Event Calendar](https://shadcnuikit.com/blocks/application-ui/event-calendar): Event calendar blocks built with shadcn/ui: month, week, day and agenda views with drag and drop, sidebar calendars with a mini date picker, hourly day timelines and minimal month and agenda layouts.
- [Todo App](https://shadcnuikit.com/blocks/application-ui/todo-app): Todo app blocks built with shadcn/ui: task lists with status tabs, priorities, due dates, assignees and drag to reorder, plus sheets for adding and editing tasks with subtasks and comments.
- [AI Chat](https://shadcnuikit.com/blocks/application-ui/ai-chat): AI chat blocks built with shadcn/ui and AI Elements: chat homes with history sidebars, composers with file attachments, model pickers, suggestion chips, conversations with thinking states and assistant side panels.
## Examples
- [Blog Cards](https://shadcnuikit.com/examples/cards/blog): Reusable card layouts for articles and blog posts, with header image, title, excerpt, author, and read-more actions.
- [Chat Bubbles](https://shadcnuikit.com/examples/cards/chat-bubble): Conversation-style message bubbles for support widgets and chat UIs.
- [Payment Methods](https://shadcnuikit.com/examples/cards/payment-methods): Checkout-ready patterns for card, PayPal, and wallet options.
- [Product Cards](https://shadcnuikit.com/examples/cards/product-cards): Product cards with image, price, badges, and primary CTA for category pages and carousels.
- [Product List](https://shadcnuikit.com/examples/cards/product-list): Structured product lists with icons, names, and metrics like units sold.
- [Social Media Post](https://shadcnuikit.com/examples/cards/social-media-post): Feed-style cards with avatar, handle, timestamp, content, and media.
- [Review Cards](https://shadcnuikit.com/examples/cards/review): Rating summaries, star breakdowns, and write-a-review CTAs in compact card layouts.
- [Stat Cards](https://shadcnuikit.com/examples/cards/st
