shadcn/vue
HomeDocsComponentsBlocksThemes

Getting Started

Introduction Installation components.json Theming Dark Mode CLI Tailwind v4 NewTypography Figma Changelog About Contribution

Installation

Vite Nuxt Astro Laravel Manual

Extended Legacy

Auto Form Charts

Components

Sidebar Accordion Alert Alert Dialog Aspect Ratio Avatar Badge Breadcrumb Button ButtonGroup NewCalendar Card Carousel Checkbox Collapsible Combobox Command Context Menu Data Table Date Picker Dialog Drawer Empty NewField NewDropdown Menu Form Hover Card Input Input Group NewItem NewKbd NewLabel Menubar Navigation Menu Number Field Pagination PIN Input Popover Progress Radio Group Range Calendar Resizable Scroll Area Select Separator Sheet Skeleton Slider Sonner Spinner NewStepper Switch Table Tabs Tags Input Textarea Toast Toggle Toggle Group Tooltip

Registry New

Introduction Getting Started Examples FAQ registry.json registry-item.json

On This Page

  1. docs
  2. figma

Figma

Every component recreated in Figma. With customizable props, typography and icons.

Are you an LLM? You can read better optimized documentation at /docs/figma.md for this page in Markdown format

The Figma UI Kit is open sourced by Pietro Schirano.

Grab a copy ​

https://www.figma.com/community/file/1203061493325953101

Edit this page on GitHub

On This Page

Built by shadcn. Ported to Vue by unovue . The code source is available on GitHub.