Docs / Components Blocks Charts Theme

Introduction

Advanced

Basics

Buttons

Button Group Button File Trigger Preskok Auth Button Toggle Group Toggle

Choice

Choice Box Combo Box Menu Radio Select

Collections

Dropdown Grid List List Box Menu Table Tag Group

Colors

Color Area Color Field Color Picker Color Slider Color Swatch Picker Color Swatch Color Thumb Color Wheel

Dark Mode

Astro Next.js Remix Vite

Data viz

Area Chart Bar Chart Bar List Chart (helpers)Line Chart Pie Chart Tracker

Date time

Calendar Date Field Date Picker Date Range Picker Range Calendar Time Field

Feedback

Badge Loader Meter Note Progress Bar Progress Circle Skeleton Toast

Installation

Astro Gatsby Laravel Manual Installation Next.js React Router Remix TanStack Router TanStack Start Vite

Layout

Card Container Description List Grid List Scroll Area Separator Show More Table Toolbar

Media

Avatar Carousel Preskok Icon

Navigation

Breadcrumbs Navbar Pagination Sidebar Tabs

Numeric

Number Field Number Format Slider

Overlay

Command Menu Command Context Menu Dialog Disclosure Drawer Modal Popover Sheet Tooltip

Registry

Examples FAQ Getting Started Open in v0 registry-item.json registry.json

Tags

Multi Select Tag Field Tag Group

Text

Editor Input OTP Input Search Field Text Field Textarea

Toggles

Checkbox Switch

Typography

Heading Link Text

Upload

Dark Mode

Adding dark mode to your site.

Next.js

Vite

Astro

Remix

Color Wheel Astro