Open source and free shadcn templates using Solid
3 templates • 2 contributors • Open source & free
3
Templates
2
Authors
Available Templates (3)

Solid UI
Solid UI is an unofficial port of shadcn/ui and tremor-raw to SolidJS, providing accessible and customizable components built with Kobalte, corvu, and Tailwind CSS that developers can copy and paste into their applications. With over 1,300 GitHub stars, this MIT-licensed library brings the shadcn/ui philosophy of component ownership to the SolidJS ecosystem, allowing developers to build their own component libraries with well-designed, accessible primitives. Built with TypeScript and leveraging Kobalte and corvu for headless, accessible component foundations, Solid UI offers a comprehensive collection of UI components styled with Tailwind CSS for rapid customization. The project maintains compatibility with SolidJS's reactive programming model while providing familiar patterns from the React ecosystem through shadcn/ui's design language. With comprehensive documentation at solid-ui.com and active community contributions from maintainers including stefan-karger and michaelessiet, Solid UI serves developers who prefer SolidJS's performance and reactivity model but want the component quality and design consistency of shadcn/ui. Perfect for building SolidJS applications that require professional UI components without sacrificing the framework's unique advantages in bundle size and runtime performance.

Solid UI
Solid UI is an unofficial port of shadcn/ui and tremor-raw to SolidJS, providing accessible and customizable components built with Kobalte, corvu, and Tailwind CSS that developers can copy and paste into their applications. With over 1,300 GitHub stars, this MIT-licensed library brings the shadcn/ui philosophy of component ownership to the SolidJS ecosystem, allowing developers to build their own component libraries with well-designed, accessible primitives. Built with TypeScript and leveraging Kobalte and corvu for headless, accessible component foundations, Solid UI offers a comprehensive collection of UI components styled with Tailwind CSS for rapid customization. The project maintains compatibility with SolidJS's reactive programming model while providing familiar patterns from the React ecosystem through shadcn/ui's design language. With comprehensive documentation at solid-ui.com and active community contributions from maintainers including stefan-karger and michaelessiet, Solid UI serves developers who prefer SolidJS's performance and reactivity model but want the component quality and design consistency of shadcn/ui. Perfect for building SolidJS applications that require professional UI components without sacrificing the framework's unique advantages in bundle size and runtime performance.

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. 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.