Solid UI screenshot

Solid UI

Author Avatar Theme by Stefan karger
Updated: 6 May 2025
1180 Stars

Beautifully designed components. Built with Kobalte & corvu. Styled with Tailwind CSS.

Categories

Overview:

Solid-ui is an unofficial community-led Solid port of shadcn/ui. It offers accessible and customizable components that users can easily copy and paste into their apps. This open-source platform allows users to build their own component library without any cost.

Features:

  • Accessible components: Solid-ui provides a range of components that are designed with accessibility in mind. This ensures that all users, including those with disabilities, can navigate and interact with the components easily.
  • Customizable: Users have the flexibility to customize the components according to their specific design requirements. This allows for seamless integration of the components into existing app interfaces.
  • Community-led development: Being a community-led project, Solid-ui benefits from continuous updates and improvements based on user feedback. This ensures that the components stay up to date and meet the evolving needs of the community.

Installation:

To install Solid-ui, follow these steps:

  1. Open your terminal.
  2. Navigate to the directory where you want to install Solid-ui.
  3. Run the following command to clone the Solid-ui repository:
    git clone https://github.com/{repository-name}
    
    Replace {repository-name} with the actual name of the repository.
  4. Once the repository is cloned, you can start using the Solid-ui components in your app.

Summary:

Solid-ui is a free and open-source platform that provides accessible and customizable components for building component libraries. With its community-led development and continuous updates, Solid-ui offers a reliable solution for developers looking to enhance the accessibility and customization options of their apps.