Installation
How to install and use components from the More Shadcn registry.
Prerequisites
This library is built specifically for Svelte 5 and shadcn-svelte. Ensure you have a working Shadcn-Svelte project initialized.
If you haven't started yet, follow the official installation guide to get up and running.
Automatic Installation
The easiest way to add components is via the Shadcn-Svelte CLI. Point the CLI to the
component's remote JSON registry file.
npx shadcn-svelte@latest add https://more-shadcn.noair.fun/r/[component].json
Replace
[component] with the name of the component (e.g., stepper).Dependencies
Some components require additional libraries like
svelte-motion or @lucide/svelte. The CLI will attempt to install these automatically, but you can
also add them manually if needed:npm i svelte-motion @lucide/svelte clsx tailwind-merge
Manual Installation
If you prefer to copy-paste the code manually:
1
Create the component directory
Create a folder inside your $lib/components/ui directory corresponding to the
component name.
2
Copy the source code
Copy the .svelte and .ts files from the GitHub repository into
your newly created directory.
3
Update imports
Ensure the internal imports point correctly to your project's aliases (usually $lib).
That's it!
You are now ready to start using the expanded component library in your Svelte 5 apps.