A favicon of Solid UI

Solid UI

SolidUI offers accessible, customizable components for SolidJS, ported from shadcn/ui & tremor-raw. Build your own library with ease.

A screenshot of Solid UIVisit

SolidUI: Accessible and Customizable Components for SolidJS

SolidUI is an unofficial port of the popular shadcn/ui and tremor-raw component collections, specifically adapted for the SolidJS framework. It provides developers with a suite of beautifully designed, accessible, and highly customizable UI components. These components are ready to be copied and pasted directly into your SolidJS applications, significantly speeding up development and allowing you to build or extend your own unique component library. Styled with Tailwind CSS and built upon Kobalte & corvu, SolidUI offers a modern and robust foundation.

Features:

  • SolidJS Integration: Components are specifically built for and optimized with the SolidJS framework.
  • shadcn/ui & tremor-raw Port: Offers an unofficial port of components from popular UI collections, adapted for SolidJS.
  • Accessible Design: Focuses on providing accessible components, adhering to web accessibility standards.
  • Highly Customizable: Components are designed to be easily themeable and adaptable to your project's specific styling needs.
  • Tailwind CSS Styling: Styled with Tailwind CSS, enabling utility-first customization and seamless theming capabilities.
  • Kobalte & corvu Primitives: Built on top of Kobalte and corvu, leveraging their robust and headless component logic.
  • Copy & Paste Usage: Enables quick integration by allowing developers to copy and paste component code directly into their projects.
  • Build Your Own Library Focus: Encourages its use as a foundational toolkit to create personalized and reusable component systems.
  • Open Source: Freely available under the MIT license, promoting community contributions and broad adoption.
  • Comprehensive Documentation: Provides detailed documentation for components, usage patterns, and examples to facilitate easy adoption.

Summary:

SolidUI empowers SolidJS developers by providing a versatile set of pre-designed UI components ported from shadcn/ui and tremor-raw. These components are accessible, customizable with Tailwind CSS, and built using Kobalte & corvu. The library is designed for easy copy-paste integration, encouraging developers to use it as a robust starting point for building their own tailored component libraries, all under a permissive open-source license with supporting documentation.

Distribution:
opensource
GitHub:
1,204 Stars
48 Forks
Share:

 

  
 

Similar to Solid UI: