Free, open-source tool for installing all shadcn/ui components with a single click or command.
Streamlines the typically manual shadcn CLI process, saving time for developers setting up UI libraries.
Built for React projects using Tailwind CSS, ensuring compatibility with existing shadcn ecosystems.
Leverages pnpm dlx shadcn@latest add under the hood for reliable, batch installations.
MIT-licensed, lightweight, and focused on simplicity—no extra dependencies or configs.
shadcn/ui Easy Install is a handy web-based utility designed to simplify onboarding with the shadcn/ui component library by enabling bulk installation of all core components in one go. Instead of running individual npx shadcn@latest add [component] commands for buttons, cards, modals, and more, this tool automates the process with a single click or streamlined CLI invocation. Perfect for developers bootstrapping new React apps, prototyping dashboards, or migrating to shadcn/ui, it eliminates repetitive setup while preserving the library's copy-paste philosophy. Hosted on Vercel for instant access, it's an indie project that enhances productivity without altering shadcn's unstyled, customizable nature—ideal for Tailwind users seeking a faster path to polished UIs.
One-Click Bulk Install: Select and add all shadcn/ui components (e.g., Accordion, Alert, Button) via a simple interface.
CLI Automation: Executes pnpm dlx shadcn@latest add in batch mode for seamless integration.
Project Compatibility Check: Ensures your setup has Tailwind and required deps before proceeding.
Error Handling: Provides feedback on missing configs or failed adds, with retry options.
Custom Selection: Optionally pick specific components if full install feels overwhelming.
Zero-Config Output: Generates components in your components/ui folder, ready for import.
Time-Saver: Bulk install cuts hours of manual commands—great for new projects or team handoffs.
shadcn-Native: Sticks to official CLI patterns, avoiding compatibility issues.
Free & Simple: No sign-ups, no costs—just click and go in your browser.
Error-Resistant: Built-in checks prevent common setup pitfalls like missing Tailwind.
Extensible: Works with any shadcn theme or variant system.
Full Install Bloat: Adds all components at once; may clutter projects needing only a few.
CLI Dependency: Relies on pnpm/npx—less ideal for yarn-only workflows (adaptable via npm).
Browser-Limited: Web tool shines for quick use but lacks offline or IDE integration.
No Customization During Install: Variants/themes must be set post-install via shadcn config.
Early Tool: As a focused utility, advanced filtering or previews are minimal.
The tool installs the full shadcn/ui suite via one-click, covering 40+ primitives and blocks:
Core Primitives: Button, Input, Card, Dialog (Modal), Dropdown Menu, Tooltip.
Data Display: Table, Data Table, Sonner (Toasts), Alert, Badge.
Navigation: Tabs, Navigation Menu, Sheet (Sidebar).
Forms & Interactions: Form (with React Hook Form), Select, Checkbox, Switch.
Advanced: Calendar, Date Picker, Chart (Recharts), Avatar, Skeleton.
Templates: Basic setup includes a sample globals.css and components.json for theming.
Post-install, components land in components/ui/ as copy-paste templates, e.g., a themed Button for immediate use.
shadcn/ui Easy Install is completely free and open-source under the MIT license. No tiers, subscriptions, or hidden fees—use unlimited times for any project. It enhances the already-free shadcn/ui without adding costs.
Focused on the shadcn ecosystem:
shadcn/ui: Direct CLI wrapper—installs official components and configs.
Tailwind CSS: Requires v3+ for styling; auto-configures if missing.
React/Next.js: Optimized for App Router; works with Vite or Create React App.
pnpm/npm: Uses dlx for on-demand execution without global installs.
TypeScript: Full support for typed imports and props.
Vercel: Hosted there, with easy forking for custom versions.
A free tool that installs all shadcn/ui components in one click, automating the CLI for faster setup.
Yes—open-source and no-cost, just like shadcn/ui itself.
Click the install button on the site, or run the provided pnpm dlx command—it batches adds to your project.
Web tool that allows to install shadcn components by selecting them.
Submit your Shadcn product to AllShadcn, get featured, and drive genuine traffic while showcasing your work to the world. Turn your creativity into revenue and begin selling today! 🚀