solaris.shadcn.io
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.
by Hngngn · Updated October 8, 2025
Live Preview
Interact with the actual deployed template — every section, every interaction, no mockups.
About 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.
More Templates
Hand-built premium templates from shadcn.io — production-ready and bundled in Pro.
