Introduction
Re-usable components built using Radix Svelte and Tailwind CSS.
An unofficial, community-led Svelte port of shadcn/ui. We are not affiliated with shadcn, but we did get his blessing before creating a clone of his work. This is a project born out of the need for a similar project for the Svelte ecosystem.
NOTE: This project does not have complete feature parity with the original. We are working on it, and if you'd like to expedite the process, please consider contributing to Radix Svelte, which this project is built on.
This is NOT a component library. It's a collection of re-usable components that you can copy and paste or use the CLI to add to your apps.
What do you mean not a component library?
It means you do not install it as a dependency. It is not available or distributed via npm, with no plans to publish it.
Pick the components you need. Use the CLI to automatically add the components, or copy and paste the code into your project and customize to your needs. The code is yours.
Use this as a reference to build your own component libraries.
FAQ
Credits
- @shadcn - The brilliant mind behind the designs, methodology, and implementation.
- Radix Svelte - For the primitives. This project would not be possible without the incredible work by Thomas and the Radix Svelte team.
- Vercel - Where this project is hosted.
- Shu Ding - The typography style is adapted from his work on Nextra.
- Cal - Where shad copied the styles for the first component: the
Button.
On This Page