Best of shadcn — 2025
- 1
- 2
Supabase·40w
Supabase UI: Platform Kit
Supabase has launched Platform Kit, a new set of UI components designed for building platforms on top of Supabase infrastructure. The kit includes database, storage, authentication, and AI components that help developers create platforms providing Postgres databases to end users. Built with shadcn/ui compatibility and Tailwind CSS, these components are fully customizable and target the growing trend of companies using Supabase as Platform-as-a-Service infrastructure, particularly AI builders who now represent 30% of Supabase signups.
- 3
Hacker News·25w
ShadCN Themes - Create Beautiful Themes for shadcn/ui
A theme gallery and customization tool for shadcn/ui that allows developers to browse, create, and export custom themes. Features include color customization with OKLCH color picker, font selection, design tokens, CSS variables, and one-click export functionality for React and Tailwind CSS projects.
- 4
Theo - t3․gg·18wShadcn just changed forever
Shadcn UI introduced a major update called Shadcn Create that puts customization front and center. Instead of websites looking identical with default components, developers can now configure presets, colors, fonts, icon sets, and styles before generating a project. The system supports multiple component libraries (Radix UI and Base UI), offers various design presets (Vega, Nova, Maya, Lyra, Mirror), and allows extensive theming options. Testing shows that providing AI coding assistants with a well-structured component library significantly improves UI generation quality, even for models typically weak at design. The update maintains Shadcn's philosophy of code ownership while making it easier to start with a unique design system.
- 5
Horde·45w
🚀 8bitcn: An Open-Source Success Story! ⚔️
8bitcn is an open-source project that provides Shadcn UI components with a retro 8-bit aesthetic. In two months, it has attracted nearly 20,000 visitors and over 500 GitHub stars. The project offers complete coverage of Shadcn components styled with pixel art themes, along with a growing collection of blocks and retro design elements.
- 6
Daily Open Source Tools·20w
Cascader-shadcn: A simple Cascader component for Shadcn
Cascader-Shadcn is a new open-source cascading dropdown component for Shadcn UI that provides hierarchical menu navigation with click or hover expansion. It supports icons, custom labels, and per-option disabling, offering similar functionality to Ant Design and React Suite cascaders in a lightweight, Shadcn-compatible package.
- 7
Community Picks·45w
Shadcn UI Blocks
A collection of pre-built UI blocks and templates using Shadcn UI components and Tailwind CSS. These ready-to-use components can be copied and pasted into any React framework project, providing developers with beautiful, consistent interface elements without building from scratch.
- 8
Why is Shadcn popular?
Shadcn's popularity stems from its unique approach as a code distribution platform rather than a traditional UI library. Unlike conventional libraries, developers own the components completely, avoiding dependency management issues and breaking changes from updates. This approach offers more control and flexibility compared to building components from scratch while being significantly more time-efficient and practical for development workflows.
- 9
Web Dev Simplified·36w
Shadcn Finally Has MultiSelect!
A developer creates a custom MultiSelect component for Shadcn UI library, addressing the missing functionality. The implementation combines Popover and Command components, uses React Context for state management, and employs clever techniques to handle component registration before rendering. Key challenges included making components work with Shadcn's declarative syntax, implementing dynamic overflow handling for selected items, and ensuring accessibility. The component is available as a Shadcn registry installation with customizable badges, wrapping behaviors, and search functionality.
- 10
druidui/ui: druid/ui
Discover a collection of beautifully crafted, customizable, and accessible UI components built with shadcn/ui and Tailwind CSS. These components are fully responsive, mobile-friendly, and developed in TypeScript. Explore the components and get installation instructions at druid/ui.
- 11
YouTube·38w
Shadcn Isn’t Just a Library Anymore… Here’s How to 10x Your UI
A comprehensive guide to using Shadcn UI components effectively with an MCP server integration for Cursor IDE. The tutorial covers proper implementation workflows, avoiding common mistakes, and customizing components to create unique designs. It demonstrates how to use component demos, blocks, and rule files to streamline development, plus introduces Tweak CN for theme customization to avoid the generic Shadcn look.
- 12
Cascader-shadcn: A simple Cascader component for Shadcn
Cascader-Shadcn is a new open-source cascading dropdown component for Shadcn UI that provides hierarchical menu navigation with click or hover expansion. It supports icons, custom labels, and per-option disabling, offering similar functionality to Ant Design and React Suite cascaders in a lightweight, Shadcn-compatible package.
- 13
How I Built My Own Shadcn Library
A comprehensive guide on creating a custom shadcn/ui component registry that allows developers to build, share, and install reusable components across projects. The tutorial covers setting up the registry.json configuration file, organizing component files with proper import aliases, using the canary version of shadcn CLI for the experimental registry feature, and building a documentation site using Astro Starlight. The process enables one-click component installation similar to the official shadcn library, with support for component dependencies and custom themes.
- 14
NEW Shadcn Update is NOT as Great as Everyone Thinks
Shadcn UI released a major update allowing developers to customize component libraries and icon libraries. While the visual theme presets get attention, the ability to swap between Radix UI and Base UI, plus different icon libraries, represents the most significant change. The update includes a new project creation tool that generates configured Next.js, TanStack Start, or Vite projects with customized themes. The framework maintains backward compatibility with existing custom registries and third-party components.