Port of shadcn/ui without Radix Depedency or any other UI library
This repository contains a port of the shadcn/ui library, a collection of UI components for web applications. The port is designed to have zero external UI dependencies and utilizes Tailwind CSS for styling. I added some minor additions and improvements like an affirmative variant and a Link component.
Demo
A live demo can be found here
Components
Here is a list of components that have been ported from shadcn/ui. Each component is marked with a checkmark if it has been successfully implemented:
| Component | Status |
|---|---|
| Accordion | ✅ |
| Alert | ✅ |
| Alert Dialog | ✅ |
| Aspect Ratio | ✅ |
| Avatar | ✅ |
| Badge | ✅ |
| Breadcrumb | ✅ |
| Button | ✅ |
| Calendar | ❌ |
| Card | ✅ |
| Carousel | ❌ |
| Chart | ❌ |
| Checkbox | ✅ |
| Collapsible | ✅ |
| Combobox | ❌ |
| Command | ❌ |
| Context Menu | ❌ |
| Data Table | ❌ |
| Date Picker | ❌ |
| Dialog | ✅ |
| Drawer | ❌ |
| Dropdown Menu | ❌ |
| Form | ❌ |
| Hover Card | ✅ |
| Input | ✅ |
| Input OTP | ❌ |
| Label | ✅ |
| Link | ✅ |
| Menubar | ❌ |
| Navigation Menu | ❌ |
| Pagination | ✅ |
| Popover | ✅ |
| Progress | ✅ |
| Radio Group | ✅ |
| Resizable | ❌ |
| Scroll Area | ✅ |
| Select | ✅ |
| Separator | ✅ |
| Sheet | ✅ |
| Sidebar | ❌ |
| Skeleton | ✅ |
| Slider | ✅ |
| Sonner | ❌ |
| Switch | ✅ |
| Table | ❌ |
| Tabs | ✅ |
| Textarea | ✅ |
| Toast | ❌ |
| Toggle | ✅ |
| Toggle Group | ✅ |
| Tooltip | ✅ |
Usage
Make sure to refer to the original shadcn/ui documentation for detailed usage instructions.
License
This project is licensed under the MIT License - see the LICENSE file for details.
Special Thanks
I want to extend my gratitude to the following individuals and projects for their valuable contributions to this port:
Duder-onomy for their excellent work on svelte-focus-trap.
SkeletonLabs Team for their genius implementation of FocusTrap in the Skeleton framework.
shadcn for their fantastic shadcn/ui library, which inspired this project.
huntabyte for their port of shadcn/ui with Radix Dependency, which served as an excellent reference. Check out their work here.
I am grateful for their contributions, which helped make this project possible.
Top categories
Need a Svelte website built?
Hire a professional Svelte developer today.