Introduction

Design System UI Svelte is a collection of copy-paste developer utility components, hooks, and blocks for Svelte. Each item is ready to drop into your project without locking you into a heavyweight package dependency.

Install anything from the catalog with the shadcn-svelte CLI. Pass the item JSON URL (/r/<name>.json) — namespaced aliases like @design-system-ui/button are not supported. Items land in your codebase as source you own, so you can read, adapt, and extend them like the rest of your app.

Start with the styles registry item for the design system CSS foundation before installing components.

Browse components, utilities, and blocks to find what you need, then follow the install command on each page to add it to your project.