Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Shadcn WizardNew to Visual Studio Code? Get it now.
Shadcn Wizard

Shadcn Wizard

Sohanur Rahman Emon

|
862 installs
| (0) | Free
Nothing now
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Shadcn Wizard

Shadcn Wizard is a powerful Visual Studio Code extension that simplifies the process of working with shadcn components. It provides a seamless and efficient experience for installing shadcn components, offering a range of features to enhance your development workflow.

Features

Easy Installation

Shadcn Wizard streamlines the installation process of shadcn components, saving you time and effort. installer gif

Shadcn UI Snippets

Access a comprehensive collection of shadcn UI code snippets, enabling you to quickly create stunning user interfaces. installer gif

Shadcn Imports

Quickly import the necessary shadcn dependencies with just a few clicks, ensuring smooth integration into your projects. installer gif

Usage

  1. Install the Shadcn Wizard extension in Visual Studio Code.
  2. Open a project where you want to work with shadcn components.
  3. Use the provided commands and shortcuts to access the different features of Shadcn Wizard.
  4. Enjoy the seamless installation, handy UI snippets, and effortless imports provided by the extension.

Snippets

Snippet Description
shadcn:accordion Renders an accordion component
shadcn:alert Renders an alert component
shadcn:alertdialog Renders an alert dialog component
shadcn:aspectratio Renders an aspect ratio component
shadcn:avatar Renders an avatar component
shadcn:badge Renders a badge component
shadcn:button Renders a button component
shadcn:calendar Renders a calendar component
shadcn:card Renders a card component
shadcn:carousel Renders a carousel component
shadcn:checkbox Renders a checkbox component
shadcn:collapsible Renders a collapsible component
shadcn:command Renders a command component
shadcn:contextmenu Renders a context menu component
shadcn:dialog Renders a dialog component
shadcn:drawer Renders a drawer component
shadcn:dropdownmenu Renders a dropdown menu component
shadcn:form Renders a form component
shadcn:hovercard Renders a hover card component
shadcn:input Renders an input component
shadcn:label Renders a label component
shadcn:menubar Renders a menubar component
shadcn:navigationmenu Renders a navigation menu component
shadcn:pagination Renders a pagination component
shadcn:popover Renders a popover component
shadcn:progress Renders a progress component
shadcn:radiogroup Renders a radio group component
shadcn:resizablepanelgroup Renders a resizable panel group component
shadcn:scrollarea Renders a scroll area component
shadcn:select Renders a select component
shadcn:separator Renders a separator component
shadcn:sheet Renders a sheet component
shadcn:skeleton Renders a skeleton component
shadcn:slider Renders a slider component
shadcn:switch Renders a switch component
shadcn:table Renders a table component
shadcn:tabs Renders a tabs component
shadcn:textarea Renders a textarea component
shadcn:toast Displays a toast notification
shadcn:toggle Renders a toggle component
shadcn:togglegroup Renders a toggle group component
shadcn:tooltipprovider Renders a tooltip provider component
import-shadcn:accordion Import statements for the Accordion component
import-shadcn:alert Import statements for the Alert component
import-shadcn:alertdialog Import statements for the AlertDialog component
import-shadcn:aspectratio Import statements for the AspectRatio component
import-shadcn:avatar Import statements for the Avatar component
import-shadcn:badge Import statements for the Badge component
import-shadcn:button Import statements for the Button component
import-shadcn:calendar Import statements for the Calendar component
import-shadcn:card Import statements for the Card component
import-shadcn:carousel Import statements for the Carousel component
import-shadcn:checkbox Import statements for the Checkbox component
import-shadcn:collapsible Import statements for the Collapsible component
import-shadcn:command Import statements for the Command component
import-shadcn:contextmenu Import statements for the ContextMenu component
import-shadcn:dialog Import statements for the Dialog component
import-shadcn:drawer Import statements for the Drawer component
import-shadcn:dropdownmenu Import statements for the DropdownMenu component
import-shadcn:form Import statements for the Form component
import-shadcn:hovercard Import statements for the HoverCard component
import-shadcn:input Import statements for the Input component
import-shadcn:label Import statements for the Label component
import-shadcn:menubar Import statements for the Menubar component
import-shadcn:navigationmenu Import statements for the NavigationMenu component
import-shadcn:pagination Import statements for the Pagination component
import-shadcn:popover Import statements for the Popover component
import-shadcn:progress Import statements for the Progress component
import-shadcn:radiogroup Import statements for the RadioGroup component
import-shadcn:resizablepanelgroup Import statements for the ResizablePanelGroup component
import-shadcn:scrollarea Import statements for the ScrollArea component
import-shadcn:select Import statements for the Select component
import-shadcn:separator Import statements for the Separator component
import-shadcn:sheet Import statements for the Sheet component
import-shadcn:skeleton Import statements for the Skeleton component
import-shadcn:slider Import statements for the Slider component
import-shadcn:switch Import statements for the Switch component
import-shadcn:table Import statements for the Table component
import-shadcn:tabs Import statements for the Tabs component
import-shadcn:textarea Import statements for the Textarea component
import-shadcn:toast Import statements for the Toast component
import-shadcn:toggle Import statements for the Toggle component
import-shadcn:togglegroup Import statements for the ToggleGroup component
import-shadcn:tooltipprovider Import statements for the TooltipProvider component

Feedback and Support

If you encounter any issues, have suggestions, or want to provide feedback, please feel free to open an issue on our GitHub repository. We appreciate and value your contributions to make Shadcn Wizard even better.

License

This extension is licensed under the MIT License.

Acknowledgements

We would like to express our gratitude to the @shadcn himself for his incredible work and continuous support.


Thank you for choosing Shadcn Wizard! We hope this extension enhances your shadcn development experience and simplifies your workflow. Happy coding!

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