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.

Shadcn UI Snippets

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

Shadcn Imports

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

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:breadcrumb	Renders a breadcrumb component
shadcn:button	Renders a button component
shadcn:buttongroup	Renders a button group component
shadcn:calendar	Renders a calendar component
shadcn:card	Renders a card component
shadcn:carousel	Renders a carousel component
shadcn:chart	Renders a chart component
shadcn:checkbox	Renders a checkbox component
shadcn:collapsible	Renders a collapsible component
shadcn:combobox	Renders a combobox component
shadcn:command	Renders a command component
shadcn:contextmenu	Renders a context menu component
shadcn:datatable	Renders a data table component
shadcn:datepicker	Renders a date picker component
shadcn:dialog	Renders a dialog component
shadcn:drawer	Renders a drawer component
shadcn:dropdownmenu	Renders a dropdown menu component
shadcn:emptyfield	Renders an empty field component
shadcn:form	Renders a form component
shadcn:hovercard	Renders a hover card component
shadcn:input	Renders an input component
shadcn:inputgroup	Renders an input group component
shadcn:inputotp	Renders an input OTP component
shadcn:inputitem	Renders an input item component
shadcn:kbd	Renders a kbd component
shadcn:label	Renders a label component
shadcn:menubar	Renders a menubar component
shadcn:nativeselect	Renders a native select 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:sidebar	Renders a sidebar component
shadcn:skeleton	Renders a skeleton component
shadcn:slider	Renders a slider component
shadcn:sonner	Renders a sonner component
shadcn:spinner	Renders a spinner 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:tooltip	Renders a tooltip component
shadcn:typography	Renders a typography 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:breadcrumb	Import statements for the Breadcrumb component
import-shadcn:button	Import statements for the Button component
import-shadcn:buttongroup	Import statements for the ButtonGroup 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:chart	Import statements for the Chart component
import-shadcn:checkbox	Import statements for the Checkbox component
import-shadcn:collapsible	Import statements for the Collapsible component
import-shadcn:combobox	Import statements for the Combobox component
import-shadcn:command	Import statements for the Command component
import-shadcn:contextmenu	Import statements for the ContextMenu component
import-shadcn:datatable	Import statements for the DataTable component
import-shadcn:datepicker	Import statements for the DatePicker 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:emptyfield	Import statements for the EmptyField 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:inputgroup	Import statements for the InputGroup component
import-shadcn:inputotp	Import statements for the InputOTP component
import-shadcn:inputitem	Import statements for the InputItem component
import-shadcn:kbd	Import statements for the Kbd component
import-shadcn:label	Import statements for the Label component
import-shadcn:menubar	Import statements for the Menubar component
import-shadcn:nativeselect	Import statements for the NativeSelect 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:sidebar	Import statements for the Sidebar component
import-shadcn:skeleton	Import statements for the Skeleton component
import-shadcn:slider	Import statements for the Slider component
import-shadcn:sonner	Import statements for the Sonner component
import-shadcn:spinner	Import statements for the Spinner 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:tooltip	Import statements for the Tooltip component
import-shadcn:typography	Import statements for the Typography 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!