A beautiful and accessible UI component library based on shadcn-ui and built with SolidJS, ArkUI, and Tailwind.
![Screenshot 2024-02-26 at 6 29 37 PM](https://private-user-images.githubusercontent.com/57722812/315593363-f4db52f4-e13e-4e0a-bd63-cf4bde13a4ce.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkxMTg4NzgsIm5iZiI6MTcxOTExODU3OCwicGF0aCI6Ii81NzcyMjgxMi8zMTU1OTMzNjMtZjRkYjUyZjQtZTEzZS00ZTBhLWJkNjMtY2Y0YmRlMTNhNGNlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIzVDA0NTYxOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWY0NzViY2U4N2ZkNmY5MDliMGUwNGVhNzk2ODFiY2FiMWJmODhiYTZkYTQ5OGM1ZTllMjg0NzFmMzZmMDZhODMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.6fETgF9WcPxUlkvVxSV-ORvZHNOEjsf4ycU3vxNLnH4)
Warning
This is an early-stage component library and is subject to significant changes. Please use with caution!
The documentation is a WIP and will be updated here when ready.
Component | Solid | React | Vue |
---|---|---|---|
Accordion | ✅ | ✅ | |
Alert | ✅ | ✅ | |
Alert Dialog | ✅ | ✅ | |
Aspect Ratio | |||
Avatar | ✅ | ✅ | |
Badge | ✅ | ✅ | |
Breadcrumb | ✅ | ||
Button | ✅ | ✅ | |
Calendar | |||
Card | ✅ | ||
Carousel | |||
Checkbox | ✅ | ||
Collapsible | ✅ | ||
Combobox | |||
Command | |||
Context Menu | |||
Data Table | |||
Date Picker | |||
Dialog | ✅ | ✅ | |
Drawer | |||
Dropdown Menu | ✅ | ||
Form | |||
Hover Card | ✅ | ||
Input | ✅ | ✅ | |
Input OTP | |||
Label | ✅ | ✅ | |
Menubar | |||
Navigation Menu | |||
Pagination | |||
Popover | |||
Progress | |||
Radio Group | ✅ | ||
Resizable | |||
Scroll Area | |||
Select | ✅ | ||
Separator | |||
Sheet | ✅ | ||
Skeleton | ✅ | ||
Slider | |||
Sonner | |||
Switch | |||
Table | ✅ | ||
Tabs | ✅ | ||
Text Area | |||
Toast | |||
Toggle | |||
Toggle Group | |||
Tooltip | ✅ |
Additional Components | Solid | React | Vue |
---|---|---|---|
Clipboard | ✅ |
If this project sounds like something you'd like to help out with, feel free to reach out on Twitter!
Licensed under the MIT license