Installation

How to add and use extras in your project.

shadcn-svelte-extras uses jsrepo to allow you to install components into your project just like in shadcn-svelte, but with some additional features such as semantic versioning and easy updates.

Setup

Initialize jsrepo with shadcn-svelte-extras:

jsrepo init @ieedan/shadcn-svelte-extras

Configure the paths key in your jsrepo.json file so that components, hooks, and utils are added to the correct places:

Start adding extras!

MCP

To setup the jsrepo MCP server you can run the following command:

jsrepo config mcp

This will configure the jsrepo MCP server for the client of your choice.

We also added a Cursor Rules config file for your convenience. You can add it when you initialize shadcn-svelte-extras with the jsrepo init command.

Tailwind v3

You can still access the tailwind v3 components by using jsrepo v2 and pinning the registry version to the latest tailwind v3 compatible version: