Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/alexwhitmore/solidjs-ui

A SolidJS, ReactJS, and VueJS UI library based on shadcn-ui using ArkUI components.
https://github.com/alexwhitmore/solidjs-ui

arkui astro reactjs shadcn-ui solidjs tailwindcss ui vuejs zag-js

Last synced: 13 days ago
JSON representation

A SolidJS, ReactJS, and VueJS UI library based on shadcn-ui using ArkUI components.

Awesome Lists containing this project

README

        

## SolidJS UI Library

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

> [!WARNING]
> This is an early-stage component library and is subject to significant changes. Please use with caution!

## Documentation

The documentation is a WIP and will be updated here when ready.

## Progress

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

## Contributing

If this project sounds like something you'd like to help out with, feel free to reach out on [Twitter](https://twitter.com/theAlexWhitmore)!

## License

Licensed under the [MIT license](https://github.com/alexwhitmore/solidjs-ui/tree/main?tab=MIT-1-ov-file#readme)