PH Deck logoPH Deck

Fill arrow
shadcn-css
Brown line arrowSee more Products
shadcn-css
CSS Modules port of shadcn/ui
# Developer Tools
Featured on : Sep 30. 2025
Featured on : Sep 30. 2025
What is shadcn-css?
An unofficial CSS Modules port of shadcn/ui. Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. Use this to build your own component library.
Problem
Developers using Tailwind CSS for building component libraries face vendor lock-in and limited flexibility in styling approaches.
Solution
A CSS Modules port of shadcn/ui allowing developers to copy and paste accessible, customizable components into apps without Tailwind CSS dependency. Free, open-source, and modular.
Customers
Frontend developers and engineering teams building custom UI libraries, especially those prioritizing CSS Modules over utility-first frameworks.
Unique Features
Unofficial adaptation of shadcn/ui to CSS Modules, enabling identical component functionality with native CSS styling workflows.
User Comments
Simplifies migration from Tailwind CSS
Saves time building accessible components
Appreciate open-source flexibility
Clean code structure
Enhances design system consistency
Traction
Open-source project with 1.4k+ GitHub stars, 180+ forks, and 50+ components ported as of 2024. Part of shadcn/ui ecosystem with 50k+ GitHub stars overall.
Market Size
Global UI component library market projected to reach $2.8 billion by 2027, driven by demand for reusable frontend solutions (MarketsandMarkets, 2023).