sv11-ui components are distributed through the shadcn-svelte CLI. Each component is published as a registry entry that the CLI fetches and writes into your project alongside any required dependencies.
npx shadcn-svelte@latest add https://sv11.ui.twango.dev/r/orb.jsonPrerequisites
Before installing sv11-ui, make sure your environment meets the following requirements:
- Node.js version 18 or later
- A SvelteKit 2 project
- Svelte 5 with runes
- Tailwind CSS 4 configured
- shadcn-svelte initialized in your project. If it isn't set up yet, running an install command will prompt you through initialization.
Installing components
Install a single component by passing its registry URL to the shadcn-svelte CLI:
npx shadcn-svelte@latest add https://sv11.ui.twango.dev/r/<component-name>.jsonFor example, to add the message component:
npx shadcn-svelte@latest add https://sv11.ui.twango.dev/r/message.jsonTo install every sv11-ui component at once, use the all entry:
npx shadcn-svelte@latest add https://sv11.ui.twango.dev/r/all.jsonThe CLI downloads the component source, resolves any registry or npm dependencies, and writes the files into your project (typically under src/lib/registry/ui/<name>/). Once the command completes, import the component and use it in your code.