🧩 shadcn/ui

A curated collection of the most popular and essential shadcn/ui resources, organized by category with links to help you quickly find what you need for your next project.

Libs and Components

shadcn-blocks - Official pre-made customizable components from the shadcn/ui team.

magicui - React components for landing pages with TailwindCSS + Framer Motion animations.

aceternity-ui - Trending React components without styling and animation worries.

tremor - Professional components for charts and dashboards.

auto-form - Automatically creates shadcn/ui forms from Zod schemas.

novel - Notion-style WYSIWYG editor with AI-powered autocompletion.

plate - AI-powered rich-text editor with extensive functionality.

clerk-elements - Composable components for custom authentication UIs.

assistant-ui - React components specifically designed for AI chat interfaces.

credenza - Ready-made responsive modal component.

echo-editor - Modern WYSIWYG editor based on Tiptap.

minimal-tiptap - Minimal WYSIWYG editor implementation.

file-uploader - File upload component with drag-and-drop support.

enhanced-button - Enhanced version of the default button component.

origin-ui - Beautiful UI components with Tailwind CSS and Next.js.

mynaui - TailwindCSS and shadcn/ui UI Kit for Figma and React.

glasscn-ui - Component library with glassmorphism variants.

cult-ui - Curated set of animated shadcn-style React components.

Development Tools

v0 - Vercel's generative UI system for creating UIs from text prompts.

form-builder - UI-based codegen tool for creating type-safe forms.

ui-builder - Visual no-code React component editor.

shadcn-form-builder - Create forms with React Hook Form and Zod validation.

shadcn-theme-editor - User-friendly theme color management tool.

pagegen.ai - AI-powered page generator using Claude AI and React.

memfree - Open-source hybrid AI search engine.

opensearch-ai - Personalized SearchGPT/Perplexity clone.

cv-forge - Resume builder with React PDF integration.

invoify - Invoice generator application.

pastecode - Modern Pastebin alternative.

hook-again - Collection of installable React Hooks.

focus-brew - Productivity toolkit for staying focused.

excelkits - Create downloadable shadcn-themed chart images.

Editor Extensions & Plugins

raycast-shadcn - Raycast extension for browsing shadcn/ui documentation.

shadcn-hsl-preview - VS Code extension for HSL color preview.

shadcn-ui - Add shadcn/ui components directly from VS Code.

shadcn/ui Components Manager - JetBrains plugin for managing components across frameworks.

vscode-shadcn-svelte - VS Code extension for Svelte projects.

vscode-shadcn-ui-snippets - Code snippets for easy component imports.

vscode-shadcn-vue - Extension for Vue.js projects.

Themes & Customization

10000+Themes for shadcn/ui - Massive collection of pre-built themes.

dizzy - Bootstrap projects with customizable fonts, icons, and colors.

shadesigner.com - Palette generator with beautiful interface.

tweakcn - Powerful theme editor with Tailwind CSS V4 integration.

gradient-picker - Fancy gradient picker component.

ui-colorgen - Color configuration assistance tool.

ewgenius/ui - Custom themes using Radix Colors.

shadcn-ui-customizer - Theme customization with color pickers.

shadcn theme editor - Comprehensive theme management component.

zippy starter's theme generator - Single-color theme generator.

Animation Libraries

magicui.design - Largest collection of animated React components.

motionvariants - Beautiful Framer Motion animations.

tailwindcss-motion - Simple syntax animation library.

Framework Ports

Angular - Angular port of shadcn/ui.

Flutter - Flutter implementation.

Franken UI - HTML-first, framework-agnostic components.

React Native (recommended) - React Native port.

Solid - Solid.js port.

Ruby - Ruby/Rails implementation.

JollyUI - React Aria compatible components.

Phoenix Liveview - Phoenix Liveview port.

Kotlin - Kotlin implementation.

React Native - Alternative React Native port.

Boilerplates & Templates

chadnext - Comprehensive Next.js 14 starter with authentication and payments.

kirimase - Template and boilerplate for quick project starts.

next-shadcn-dashboard-starter - Admin dashboard starter template.

shadcn-landing-page - Landing page template with TypeScript.

horizon-ai-nextjs-shadcn-boilerplate - Premium AI boilerplate with Stripe and Supabase.

turborepo-shadcn-ui-tailwindcss - Turborepo starter for shared UI components.

electron-shadcn - Electron app template.

create-tauri-core - Tauri app template with Vite and React.

nextjs-mdx-blog - Blog starter with MDX and Contentlayer.

easy-ui - 50+ high-quality website templates.

magicui-startup-templates - Startup templates with animations.

onyx - Full-stack MVP template with authentication.

opendocs - Documentation template with i18n support.

shadcn-nextjs-free-boilerplate - Free NextJS boilerplate with ChatGPT API.

Design System Resources

shadcn-storybook-registry - Storybook registry for shadcn components.

obra-shadcn-ui - Complete Figma library of shadcn/ui components.

shadcn-ui-components - Every component recreated in Figma.

shadcn-ui-storybook (JheanAntunes) - Complete Storybook implementation.

shadcn-ui-storybook (fellipeutaka) - Alternative Storybook implementation.