Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Shadcn Components ImportNew to Visual Studio Code? Get it now.
Shadcn Components Import

Shadcn Components Import

Ohiduzzaman Siam

|
161 installs
| (1) | Free
This extension helps you to import components from Shadcn, For now it only works with Tailwind CSS and Next.js (app directory)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Shadcn Importer Extension

This is a Visual Studio Code extension that allows you to easily import and initialize Shadcn UI components in your project.

Features

  • Import Shadcn UI components with a single command
  • Initialize Shadcn UI in your project with a single command
  • Recently used components are stored and can be easily accessed
  • Clear recently used components with a single button click

Commands

  • shadcn-importer.addComponents: Import Shadcn UI components
  • shadcn-importer.initialize: Initialize Shadcn UI in your project

How to Use

  1. Open the Command Palette in Visual Studio Code by pressing Ctrl + Shift + P (Windows/Linux) or Cmd + Shift + P (Mac).
  2. Type shadcn-importer.addComponents to import Shadcn UI components.
  3. Select the components you want to import from the dropdown list.
  4. The components will be imported, and a terminal will be opened with the import command.
  5. To initialize Shadcn UI in your project, type shadcn-importer.initialize in the Command Palette.

Settings

Recently used components are stored in the shadcn-importer.recentlyUsedComponents setting.

Known Issues

None

Contributing

Contributions are welcome! Please submit a pull request with your changes.

License

This extension is licensed under the MIT License.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft