minidev publishes a shadcn registry at ui.minidev.pro, with 358 components installable through the shadcn CLI.
Copy a prompt for your agent, copy the install command, or open the docs that ship it.
500+ free React components, blocks and templates for real product screens. Tailwind CSS v4, Base UI, motion. shadcn-compatible. MIT.
Website · Docs · Components · Blocks · Templates · Free tools · Guides · llms.txt
Most kits stop at buttons and cards. MiniDev UI covers the screens a product actually lives in after launch: data tables, billing and invoices, settings, dashboards, command palettes, notification centers and AI chat.
npx shadcn@latest add @minidev/multi-select
MiniDev UI is listed in the shadcn registry directory, so the @minidev/ form needs no setup. The long form npx shadcn@latest add https://ui.minidev.pro/r/multi-select.json also works. The source lands in components/ui/. Every component page shows its own command. Framework guides: Next.js, Vite, React Router, Astro, TanStack Start.
npm i minidev-ui-kit @base-ui/react class-variance-authority clsx tailwind-merge lucide-react motion
/* app/globals.css */
@import "tailwindcss";
@import "minidev-ui-kit/styles.css";
@source "../node_modules/minidev-ui-kit";
import { Button } from "minidev-ui-kit/ui/button"
import { MultiSelect } from "minidev-ui-kit/ui/multi-select"
With Next.js, add transpilePackages: ["minidev-ui-kit"] to next.config.
| Category | Examples |
|---|---|
| Forms | multi select, combobox, date range picker, OTP, masked input, floating label input, password strength, signature pad |
| Data tables | sortable data table, row selection, pagination, column filters |
| Charts | area, bar, line, pie, donut, radial, treemap, sankey, funnel, Gantt, sparklines |
| Dashboard | event calendar, stat cards, activity feed, onboarding checklist |
| Billing | pricing tables, credit card input, plan cards, invoices, usage meters |
| Settings | profile, team, API keys, notifications, danger zone |
| AI chat | chat thread, prompt input, streaming message, model picker |
| Navigation | sidebar, command palette, tabs, breadcrumbs, stepper |
| Feedback | toast, notification center, empty states, skeletons |
| Animation | aurora, lamp, globe, meteors, particles, retro grid, tilt card, shine border, terminal, text effects |
| Media and dev tools | image cropper, image gallery, file tree, code block, audio player |
| Marketing | heroes, feature grids, bento grid, testimonials, FAQ, CTA |
Plus 20 categories, 15 block types (hero, pricing, features, testimonials, FAQ, footers, navbars, login, dashboards), 8 full templates with brand kits, 19 free tools (shadcn theme generator, SVG to JSX, CSS to Tailwind, JSON to TypeScript, contrast checker, gradients, favicons) and 30+ guides.
npm install
npm run dev # builds the registry, then starts Next.js on localhost:3000
Analytics are off unless you set env vars on your host. See .env.example.
src/registry/ui components
src/registry/blocks full-page compositions
src/registry/premium motion components (free, like everything else)
src/styles/minidev.css tokens, light, materials, motion
tools/build-registry.mjs registry, docs index and llms.txt generator
DESIGN.md, docs/VISION.md the design rules
Bug reports, component requests and pull requests are welcome. Read CONTRIBUTING.md first.
MIT. Free for personal and commercial projects, no attribution required.
Made by MiniDev, a studio that builds MVPs, apps and websites with this kit. Need the product, not just the parts? Talk to us.
The packages and primitives its components pull in, counted across the registry.
Every appearance and removal our crawl has seen in the registry index.
