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.
Shadcn Wizard streamlines the installation process of shadcn components, saving you time and effort.
Access a comprehensive collection of shadcn UI code snippets, enabling you to quickly create stunning user interfaces.
Quickly import the necessary shadcn dependencies with just a few clicks, ensuring smooth integration into your projects.
- Install the Shadcn Wizard extension in Visual Studio Code.
- Open a project where you want to work with shadcn components.
- Use the provided commands and shortcuts to access the different features of Shadcn Wizard.
- Enjoy the seamless installation, handy UI snippets, and effortless imports provided by the extension.
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 |
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.
This extension is licensed under the MIT License.
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!