Skip to content

WailAbou/shadcn-svelte-nodep

Repository files navigation

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

Global Showcase GIF

Settings Showcase GIF

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
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
Skeleton
Slider
Sonner
Switch
Table
Tabs
Textarea
Toast
Toggle
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.