Shadcn Solid
shadcn/ui, but for Solid.
Overview:
The shadcn-solid theme is an unofficial community-led SolidJS port of shadcn/ui. It offers accessible and customizable components that users can easily incorporate into their applications. This theme is free to use and open source, providing users with the ability to build their own component library.
Features:
- Community-led SolidJS port: Unofficially maintained by the community for SolidJS.
- Accessible and customizable components: Components that can be easily customized to fit user needs.
- Free and Open Source: Users can utilize the theme at no cost and have access to the source code.
- Build component library: Enables users to create their own component library by utilizing the provided components.
Summary:
shadcn-solid is a community-led SolidJS port that offers customizable and accessible components for users to incorporate into their applications. With its free and open-source nature, users can easily build their component library by utilizing the provided components. Installation is straightforward, allowing users to quickly integrate the theme into their SolidJS projects.
- Solid
SolidJS is a declarative JavaScript library for building user interfaces, offering a reactive programming model for efficient updates. It stands out for its reactivity system that minimizes unnecessary re-renders and its small bundle size, making it a performant choice for developing lightweight and reactive web applications.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- UnoCSS
UnoCSS is an instant, on-demand atomic CSS engine that generates utility classes at build time. It's highly customizable, extremely fast, and compatible with Tailwind CSS utilities while offering additional features like attributify mode and pure CSS icons.
- Ark UI
Ark UI is a headless component library from the Chakra team that provides unstyled, accessible UI primitives for building design systems. It works across React, Vue, and Solid, offering a framework-agnostic foundation for creating custom component libraries with full accessibility support.
- Kobalte
Kobalte is an accessible component library for SolidJS that provides unstyled, fully accessible UI primitives. It follows WAI-ARIA design patterns and offers a solid foundation for building custom design systems with SolidJS.
- Shadcn UI
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.