Introduction

Shadcn UI Kit is a collection of admin dashboards, website templates, blocks, components, examples and illustrations built with shadcn/ui, Tailwind CSS, React and Next.js. These docs explain how to get access, install what you need and get the most out of each product.

Shadcn UI Kit is an independent product by Bundui. It is built on top of shadcn/ui, the free and open source component library, and is not affiliated with shadcn.

What is included

  • Admin Dashboards: complete Next.js dashboard templates and apps, delivered as a private GitHub repository.
  • Templates: Next.js website templates for SaaS landing pages, portfolios, chat apps and waitlists.
  • Blocks: ready-made page sections for marketing sites, online stores, dashboards and full app screens.
  • Components: hundreds of shadcn/ui component variants, most of them free.
  • Examples: real-world UI patterns such as cards, charts, menus and forms.
  • Illustrations: animated bento cards and UI illustrations.
  • Tools: the Page Builder to assemble pages from blocks, the Theme Generator to create a theme and the MCP Server to use the kit from your AI editor.

How you use it

There are three ways to bring Shadcn UI Kit into a project:

  1. Copy the code from the preview of any component, block or example and paste it into your project.
  2. Install with the shadcn CLI. Every item has a registry name, for example npx shadcn@latest add @shadcnuikit/hero1. Premium items need an API key from your account.
  3. Clone a repository for admin dashboards and templates after you get access on GitHub.

Where to start

  • New to shadcn/ui? Start with Installation.
  • Just bought a license? Read License & Access to sign in and get your repositories.
  • Want to install premium blocks? Set up the shadcn CLI with an API key.
  • Working with an AI editor? Connect the MCP Server.
Installation