- Add support for Vue
typescript
option (transpiling TypeScript to JavaScript as well as in*.vue
files) - Add support for React/Solid (UI)
tsx
option (transpiling TypeScript to JavaScript)
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.
- 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!
- 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
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.
- 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 likenuxt.config.ts
) to resolve aliases as a fallback oftsconfig.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
-
Using the IDE built-in plugin system:
Settings/Preferences > Plugins > Marketplace > Search for " intellij-shadcn-plugin" > Install
-
Manually:
Download the latest release and install it manually using Settings/Preferences > Plugins > ⚙️ > Install plugin from disk...
Plugin based on the IntelliJ Platform Plugin Template.