Awesome-Shadcn/ui
Browse
Advertise
About Us
Submit
Sign In
Latest
Categories
Tags
Submit
Advertise
About
Awesome Shadcn/ui directory.
The largest list online of awesome things related to shadcn-ui. A curated list of components, templates, and other resources.
Join our community
Join 15,000+ ShadcnUI enthusiasts
Popular Categories:
436
273
128
95
48
37
20
14
13
3
1.1K+ tools collected
All categories
All Distributions
Order by
opensource
shadcn-country-dropdown
Shadcn/UI Country Dropdown: ISO 3166 compliant, effortless integration.
0
0
Components & Libraries
A React component for shadcn/ui, offering an ISO 3166 compliant country selector with flags, search, and customization options for developers.
opensource
shadcn-date-picker
Advanced Shadcn Date Picker: Year navigation & react-day-picker v9.
0
0
Components & Libraries
An enhanced Shadcn date picker using react-day-picker v9. Offers year navigation, single/range selection, and improved usability for modern applications.
opensource
shadcn-drag-and-drop-sort
Sort variable-width pills effortlessly with dnd-kit and Shadcn/UI.
12
1
Inspirations & Examples
An example showcasing sortable, variable-width pills via dnd-kit and Shadcn/UI, featuring a clear line drop indicator for intuitive reordering.
opensource
shadcn-extends
Extends: More Shadcn/ui components, less boilerplate. Copy, paste, collaborate.
67
0
Components & Libraries
An open collection of Shadcn/ui components. Easily copy, paste, and contribute to expand your UI development toolkit.
opensource
shadcn-font-picker
Effortlessly pick Google Fonts with this Shadcn UI component.
0
0
Components & Libraries
A React font picker component leveraging Shadcn UI and the Google Fonts API, offering dynamic font selection and preview for web projects.
opensource
shadcn-location-picker
Modern full-stack React apps powered by React Router and TailwindCSS.
7
0
Boilerplates & Starters
A production-ready template for building full-stack React applications using React Router, featuring SSR, HMR, TypeScript, and TailwindCSS.
opensource
shadcn-packaged
Shadcn/ui components packaged for easy, CLI-free integration.
8
0
Components & Libraries
An npm package providing all shadcn/ui components without a CLI, offering ease of use with all necessary files and type declarations.
opensource
shadcn-studio
Open source Shadcn registry with components, blocks, and a powerful theme editor.
0
0
Themes & Customizations
An open-source registry for Shadcn components, blocks, and templates, integrated with a visual theme editor for rapid UI customization and development.
opensource
shadcn-table-maker
Build Dynamic Next.js Tables in Minutes with ShadCN!
0
0
Tools & Utilities
A Next.js tool using ShadCN to rapidly scaffold dynamic tables with search, pagination, sorting, and CRUD operations.
Free & Premium
shadcn-ui-templates
Access Free & Premium Shadcn UI Templates to supercharge your workflow.
0
0
Themes & Customizations
A curated collection of free and premium Shadcn UI templates and resources designed to accelerate your development process and enhance creative projects.
opensource
shsfui
Motion-first React components: Tailwind CSS & Framer Motion powered elegance.
0
0
Components & Libraries
A motion-first React component library built with TypeScript, Tailwind CSS, Framer Motion, and shadcn/ui, delivering elegant and effortless UI development.
opensource
simple-ai
Copy-Paste AI Components. Build Smarter, Faster.
0
0
Components & Libraries
Open-source library of AI UI components, app blocks, and React Flow workflows to accelerate development, built with shadcn/UI and Vercel AI SDK.
opensource
simple-image-uploader
Effortless image uploads: drag & drop, validate, and preview with ease.
0
0
Components & Libraries
A React image uploader component featuring drag-and-drop, Zod validation, and image previews, built using shadcn/ui and react-dropzone for seamless integration.
opensource
skiper-ui
Craft unique UIs with modern, copy-paste shad-cn style components.
0
0
Components & Libraries
A UI library offering pre-designed, modern components in the shad-cn style for Next.js & React, enabling rapid, distinctive website development.
opensource
solanauth
SolanAuth: Easy Solana Wallet Authentication for Next.js Apps.
0
0
Components & Libraries
A responsive Solana wallet authentication and account modal for Next.js, featuring NextAuth integration and shadcn/ui components for modern dApps.
opensource
tanstack-ui-table
Build interactive, customizable React tables with TanStack Table and Shadcn UI.
22
1
Components & Libraries
An enhanced React table component using Shadcn UI and TanStack Table, offering sorting, reordering, filtering, and data fetching capabilities for modern applications.
opensource
tnks-data-table
Powerful Shadcn/UI & TanStack data table: server-side operations, TypeScript, rich features.
87
6
Components & Libraries
Advanced data table for Shadcn/UI & TanStack Table. Features server-side ops, row selection, filtering, column customization, export, and full TypeScript support.
opensource
tremor
Copy & Paste React components to build beautiful charts and dashboards.
2,364
84
Components & Libraries
Tremor offers 35+ customizable React components for dashboards and web apps, built with Tailwind CSS and Radix UI.
opensource
tweet-to-code
Transforming X/Twitter Designs into Reusable, Responsive Code.
0
0
Inspirations & Examples
A collection of X/Twitter inspired designs, recreated as responsive, reusable code examples with light/dark modes and open source availability.
opensource
vaul
Vaul: Your go-to React drawer component for sleek, interactive UIs.
0
0
Components & Libraries
Vaul is a dedicated React component for implementing drawer UIs, offering a simple way to add interactive panels for navigation or content.
opensource
chat-with-youtube
AI-powered YouTube copilot: Summarize, search, and chat with videos.
0
0
Plugins & Extensions
A Chrome extension using AI to summarize YouTube videos, enable content search, and facilitate direct interaction for enhanced understanding.
opensource
designgui
AI-powered CSS Variable color editing directly in your browser.
0
0
Plugins & Extensions
A Chrome extension for developers to manage CSS Variable colors, featuring AI palette generation, real-time editing, and accessibility checks.
opensource
raycast-shadcn
Quickly access shadcn/ui resources directly from Raycast.
0
0
Plugins & Extensions
A Raycast extension for browsing shadcn/ui documentation, components, and examples, enhancing developer productivity by integrating these resources into your command bar.
opensource
shadcn/ui Components Manager
Effortlessly manage shadcn/ui components in JetBrains for major frameworks.
0
0
Plugins & Extensions
JetBrains IDE plugin for managing shadcn/ui components. Supports Svelte, React, Vue, and Solid, simplifying adding, removing, and updating components.
opensource
vscode-shadcn-ui-snippets
VSCode snippets for effortless shadcn-ui component integration (now deprecated).
0
0
Plugins & Extensions
A (now deprecated) VSCode extension providing snippets to quickly import and use shadcn-ui components. Successor is shadcn/next.
opensource
vscode-shadcn-vue
shadcn/ui for Vue: Seamless component integration into your Vue.js projects.
0
0
Ports & Implementations
An extension enabling Vue.js developers to easily integrate and utilize the popular shadcn/ui component library in their applications.
opensource
10000+Themes for shadcn/ui
10,000+ Shadcn/ui Themes: Instantly Style Your Apps.
0
0
Themes & Customizations
Explore over 10,000 themes and generate custom feedback colors (success, warning, error, info) for your shadcn/ui projects effortlessly.
opensource
dizzy
Dizzy: Generate custom shadcn/ui themes for Next.js & Vite projects.
0
0
Themes & Customizations
Dizzy is a shadcn/ui theme generator, simplifying Next.js or Vite project bootstrapping with customized fonts, icons, colors, and styling.
opensource
navnote/rangeen
Rangeen: Visualize color palettes on real websites and components.
60
3
Tools & Utilities
Rangeen is an open-source tool for creating website color palettes, visualizing them on live components, and generating themes using material design principles.
opensource
shadesigner.com
Shadesigner: Craft stunning shadcn/ui themes with an intuitive palette generator.
0
0
Themes & Customizations
Shadesigner is a beautiful tool for developers to generate palettes and design themes specifically for the shadcn/ui library, simplifying customization.
opensource
tweakcn
Craft beautiful shadcn/ui themes with seamless Tailwind CSS V4.
0
0
Themes & Customizations
A powerful theme editor and generator for shadcn/ui, offering beautifully designed themes and smooth Tailwind CSS V4 integration.
opensource
ui-colorgen
UI Colorgen: Streamline your shadcn/ui color configuration effortlessly.
0
0
Tools & Utilities
A focused utility for developers to generate, view, and copy color palettes tailored for shadcn/ui projects, supporting HEX, RGB, and HSL formats.
opensource
zippy starter's shadcn/ui theme generator
Generate custom shadcn UI themes from one color, instantly.
0
0
Themes & Customizations
Effortlessly design unique shadcn UI themes using a single base color. Copy and paste generated styles into your apps for rapid customization.
opensource
animata
Instantly add polished interaction animations to your React projects.
0
0
Components & Libraries
Discover a free, open-source library of hand-crafted ReactJS animations and interactive effects, designed for easy copy-paste integration into your applications.
opensource
motionvariants
Free, ready-to-use Framer Motion animations for your next project.
976
40
Animations & Effects
A curated collection of handmade, free, and ready-to-use Framer Motion animations and variants, simplifying integration for stunning visual effects.
prev
Page 28 of 31
Page:
1
...
27
28
29
30
31
next
Advertise with us
Reach our audience of professional directory owners and boost your sales.
Advertise
