Stop Rebuilding UI

Shadcn Solid

Shadcn Solid is an unofficial community-led port of shadcn/ui to SolidJS, providing accessible and customizable UI components that can be directly copied and pasted into SolidJS applications.

Shadcn Solid - shadcn/ui template screenshot showing the main interface

About This Template

The MIT-licensed project brings shadcn/ui's popular component philosophy to the SolidJS ecosystem, built with TypeScript (98.9% of codebase), Tailwind CSS, and potentially UnoCSS for styling flexibility. The library offers a comprehensive set of reusable components designed specifically for SolidJS developers who want the shadcn/ui experience with SolidJS's fine-grained reactivity and performance characteristics.

Following shadcn/ui's "build your own component library" approach, Shadcn Solid allows developers to cherry-pick components and customize them freely without npm dependencies. Perfect for SolidJS developers seeking accessible components, teams building design systems with SolidJS, projects requiring performance-critical UIs, or any application benefiting from SolidJS's reactive programming model combined with shadcn/ui's design principles and component patterns, Shadcn Solid demonstrates the community's commitment to making great developer experiences available across different frameworks.