Skip to content

Add, update and delete your shadcn/ui components without leaving your IDE

Notifications You must be signed in to change notification settings

WarningImHack3r/intellij-shadcn-plugin

Repository files navigation

intellij-shadcn-plugin

Build Version Downloads

1.0.0 roadmap

  • 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)

Description

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

Installation

  • 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.