shadcn/ui Components Manager downloads statistics

Manage your shadcn/ui components in your project. Supports Svelte, React, Vue, and Solid.

This plugin will help you manage your shadcn/ui components through a simple tool window. Add, remove, update them with a single click.

This plugin will only work with an existing components.json (or ui.config.json for Solid UI) file. Manually copied components will not be detected otherwise.

Features

• Automatically detect shadcn/ui components in your project • Instantly add, remove, update them with a single click • Refreshes on opening the tool window • Supports all shadcn/ui implementations: Svelte, React, Vue, and Solid • Browse available components • Easily search for remote or existing components • ...and more!

Planned Features

• Support monorepos with multiple components.json files • Allow initializing a shadcn/ui implementation within an existing project • Add/improve support for the horizontal tool window layout

Usage

Simply open the shadcn/ui tool window and start managing your components.

If you don't see the tool window, you can open it from View > Tool Windows > shadcn/ui.

When adding or removing components, the tool window won't refresh automatically yet. You can refresh it by closing and reopening it.

Planned Features

• Add a button to open the docs of a component in the Add component panel • Initialize the CLI if not existing yet? • Add diff mechanism to components (remove spaces, \n, \t, \r, etc.?) • Parse vite.config.(js|ts) (and others like nuxt.config.ts) to resolve aliases as a fallback of tsconfig.json • Figure out a clean way to refresh the tool window automatically after adding or removing components • Refresh/recreate the tool window automatically when the project finishes indexing • Add support for monorepos