Repolode
Submit
huntabyte

huntabyte/shadcn-svelte

An unofficial Svelte port of shadcn/ui: accessible, customizable components you copy into your own app.

View on GitHubWebsite
Stars
9,199
Forks
575
Open issues
114
Last commit
11 hours ago

What is it?

shadcn-svelte brings the shadcn/ui approach to Svelte. Instead of installing a component package, you copy component source code into your project and modify it as needed. The components are built to be accessible and customizable, and the project is positioned as a foundation for building your own component library.

The project is an unofficial, community-led port. It is not affiliated with shadcn, though the author notes that shadcn gave his blessing before the project was created. The documentation site covers installation and component usage.

The project is written in TypeScript and targets SvelteKit and Svelte 5 projects, with Tailwind CSS as the styling layer. It is released under the MIT license.

Key features

  • 01Copy-and-paste component source code rather than installing a black-box package.
  • 02Components are designed to be accessible and customizable.
  • 03Built for SvelteKit and Svelte 5 projects.
  • 04Styled with Tailwind CSS.
  • 05Can serve as the base for building your own component library.

Use cases

  • Building a UI for a SvelteKit application with ready-made, editable components.
  • Creating an internal design system or component library on top of Svelte.
  • Adding accessible dialogs, forms, and menus without writing them from scratch.

Quick start

  1. 1

    Visit the documentation site to start

  2. 2

    Read the installation guide in the documentation

Things to know

  • Unofficial community port, not affiliated with shadcn/ui.
  • Components are copied into your project rather than installed as a versioned package.

Topics

#svelte#sveltekit#ui-components#tailwindcss#typescript#design-system#accessibility#bits-ui#shadcn-svelte#shadcn-ui

FAQ

What is shadcn-svelte?
An unofficial Svelte port of shadcn/ui: accessible, customizable components you copy into your own app. shadcn-svelte brings the shadcn/ui approach to Svelte. Instead of installing a component package, you copy component source code into your project and modify it as needed. The components are built to be accessible and customizable, and the project is positioned as a foundation for building your own component library.
Is shadcn-svelte free to use? What license does it have?
shadcn-svelte is open source under the MIT license. Check the license terms before using it in commercial products.
Is shadcn-svelte still maintained?
Actively maintained. The last commit to shadcn-svelte was on Oct 20, 2026.
What can I use shadcn-svelte for?
Building a UI for a SvelteKit application with ready-made, editable components. Creating an internal design system or component library on top of Svelte. Adding accessible dialogs, forms, and menus without writing them from scratch.
How do I install shadcn-svelte?
Visit the documentation site to start Read the installation guide in the documentation
Where can I get shadcn-svelte?
The source code and installation instructions are on GitHub: https://github.com/huntabyte/shadcn-svelte

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects