@preskok

Accessible, production-ready React components built with React Aria Components and Tailwind CSS.

250 components pro available react shadcn-cli

website ↗ github ↗ registry ↗ agent brief (.md) ↗ pro ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://ui-three-mu.vercel.app/r/registry.json

pnpm pnpm dlx shadcn@latest add https://ui-three-mu.vercel.app/r/registry.json

bun bunx shadcn@latest add https://ui-three-mu.vercel.app/r/registry.json

fetch registry curl -s https://ui-three-mu.vercel.app/r/registry.json

Components

250 total

default base

npx shadcn@latest add https://ui-three-mu.vercel.app/r/default.json

avatar ui

A flexible avatar component with initials and image support

npx shadcn@latest add https://ui-three-mu.vercel.app/r/avatar.json

async-image ui

Compound async image with lazy loading, skeleton placeholder, and error fallback.

npx shadcn@latest add https://ui-three-mu.vercel.app/r/async-image.json

badge ui

A versatile badge component with multiple intents and styles

npx shadcn@latest add https://ui-three-mu.vercel.app/r/badge.json

button ui

A comprehensive button component with multiple variants and sizes

npx shadcn@latest add https://ui-three-mu.vercel.app/r/button.json

button-group ui

A component for grouping related buttons with horizontal or vertical orientation

npx shadcn@latest add https://ui-three-mu.vercel.app/r/button-group.json

card ui

A flexible card component with header, content, and footer sections

npx shadcn@latest add https://ui-three-mu.vercel.app/r/card.json

container ui

A responsive container component with optional constraints

npx shadcn@latest add https://ui-three-mu.vercel.app/r/container.json

heading ui

A semantic heading component with configurable levels

npx shadcn@latest add https://ui-three-mu.vercel.app/r/heading.json

keyboard ui

A component for displaying keyboard shortcuts and key combinations

npx shadcn@latest add https://ui-three-mu.vercel.app/r/keyboard.json

link ui

An accessible link component with multiple styling options

npx shadcn@latest add https://ui-three-mu.vercel.app/r/link.json

loader ui

A collection of loading indicators with multiple variants

npx shadcn@latest add https://ui-three-mu.vercel.app/r/loader.json

note ui

A note component for displaying contextual information with different intents

npx shadcn@latest add https://ui-three-mu.vercel.app/r/note.json

separator ui

A separator component for dividing content horizontally or vertically

npx shadcn@latest add https://ui-three-mu.vercel.app/r/separator.json

skeleton ui

A skeleton loading component with soft variant option

npx shadcn@latest add https://ui-three-mu.vercel.app/r/skeleton.json

text ui

A simple typography component for consistent text styling

npx shadcn@latest add https://ui-three-mu.vercel.app/r/text.json

switch ui

An accessible switch component for boolean inputs

npx shadcn@latest add https://ui-three-mu.vercel.app/r/switch.json

preview-trigger ui

A trigger that displays an interactive popover on hover, focus, or long press

npx shadcn@latest add https://ui-three-mu.vercel.app/r/preview-trigger.json

tooltip ui

A tooltip component with arrow and multiple styling options

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tooltip.json

field ui

Core field components including Input, Label, Description, and FieldError

npx shadcn@latest add https://ui-three-mu.vercel.app/r/field.json

form ui

A form wrapper component with accessibility features

npx shadcn@latest add https://ui-three-mu.vercel.app/r/form.json

checkbox ui

Checkbox and CheckboxGroup components with field integration

npx shadcn@latest add https://ui-three-mu.vercel.app/r/checkbox.json

input ui

Input and InputGroup components for text input with icons, loaders, and buttons

npx shadcn@latest add https://ui-three-mu.vercel.app/r/input.json

input-otp ui

One-time password input component with customizable slots

npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-otp.json

number-field ui

A number input field with stepper buttons and validation

npx shadcn@latest add https://ui-three-mu.vercel.app/r/number-field.json

radio ui

Radio and RadioGroup components with field integration

npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio.json

search-field ui

A search input field with loading state and clear functionality

npx shadcn@latest add https://ui-three-mu.vercel.app/r/search-field.json

slider ui

A range slider component with tooltip and inline output options

npx shadcn@latest add https://ui-three-mu.vercel.app/r/slider.json

resizable ui

A resizable panel group with draggable splitters, persistence, and imperative APIs

npx shadcn@latest add https://ui-three-mu.vercel.app/r/resizable.json

text-field ui

A comprehensive text input field with prefix, suffix, and password reveal

npx shadcn@latest add https://ui-three-mu.vercel.app/r/text-field.json

textarea ui

A multi-line text input component with field integration

npx shadcn@latest add https://ui-three-mu.vercel.app/r/textarea.json

time-field ui

A time input field with segmented time entry

npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field.json

popover ui

A popover component for displaying content in an overlay

npx shadcn@latest add https://ui-three-mu.vercel.app/r/popover.json

dialog ui

A comprehensive dialog component with header, body, and footer sections

npx shadcn@latest add https://ui-three-mu.vercel.app/r/dialog.json

modal ui

A modal dialog component with overlay and blur effects

npx shadcn@latest add https://ui-three-mu.vercel.app/r/modal.json

drawer ui

A drawer component that slides in from different sides

npx shadcn@latest add https://ui-three-mu.vercel.app/r/drawer.json

sheet ui

A sheet component that slides in from different sides with blur effects

npx shadcn@latest add https://ui-three-mu.vercel.app/r/sheet.json

dropdown ui

Core dropdown components used by other menu-like components

npx shadcn@latest add https://ui-three-mu.vercel.app/r/dropdown.json

menu ui

A comprehensive menu component with submenus and sections

npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu.json

context-menu ui

A context menu component triggered by right-click

npx shadcn@latest add https://ui-three-mu.vercel.app/r/context-menu.json

list-box ui

A list box component for displaying selectable options

npx shadcn@latest add https://ui-three-mu.vercel.app/r/list-box.json

select ui

A select component with searchable options and custom styling

npx shadcn@latest add https://ui-three-mu.vercel.app/r/select.json

combo-box ui

A combo box component with filtering and custom input

npx shadcn@latest add https://ui-three-mu.vercel.app/r/combo-box.json

breadcrumbs ui

A breadcrumb navigation component with customizable separators

npx shadcn@latest add https://ui-three-mu.vercel.app/r/breadcrumbs.json

description-list ui

A description list component for key-value pairs

npx shadcn@latest add https://ui-three-mu.vercel.app/r/description-list.json

disclosure ui

Disclosure and accordion components for collapsible content

npx shadcn@latest add https://ui-three-mu.vercel.app/r/disclosure.json

grid-list ui

A grid list component for displaying items in a grid layout

npx shadcn@latest add https://ui-three-mu.vercel.app/r/grid-list.json

tabs ui

A tabs component with accessible tab navigation

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tabs.json

tree ui

A tree component for hierarchical data display

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tree.json

calendar ui

A calendar component with single and range selection support

npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar.json

date-field ui

A date field component with input segments for date and time entry

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-field.json

date-picker ui

A date picker component with calendar popup for date selection

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker.json

date-range-picker ui

A date range picker component with calendar popup

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker.json

range-calendar ui

A calendar component for selecting date ranges

npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar.json

editor ui

A minimal rich text editor built on Tiptap

npx shadcn@latest add https://ui-three-mu.vercel.app/r/editor.json

tag-group ui

A tag group component for displaying and managing tags

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tag-group.json

multi-select ui

A multiple select component with tag-based selection

npx shadcn@latest add https://ui-three-mu.vercel.app/r/multi-select.json

tag-field ui

A tag input field for adding and removing tags

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tag-field.json

token-field ui

A text field that supports editable inline tokens

npx shadcn@latest add https://ui-three-mu.vercel.app/r/token-field.json

toggle ui

A toggle button component with multiple variants

npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle.json

toggle-group ui

A toggle group component for single or multiple selection

npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle-group.json

choice-box ui

A choice box component for selecting from a grid of options

npx shadcn@latest add https://ui-three-mu.vercel.app/r/choice-box.json

carousel ui

A carousel component with navigation and pagination

npx shadcn@latest add https://ui-three-mu.vercel.app/r/carousel.json

preskok-icon ui

The official Preskok brand icon component

npx shadcn@latest add https://ui-three-mu.vercel.app/r/preskok-icon.json

preskok-auth-button ui

A branded authentication button component for Preskok integration

npx shadcn@latest add https://ui-three-mu.vercel.app/r/preskok-auth-button.json

navbar ui

A comprehensive navigation bar with responsive design

npx shadcn@latest add https://ui-three-mu.vercel.app/r/navbar.json

sidebar ui

A composable, themeable, and customizable React Aria sidebar

npx shadcn@latest add https://ui-three-mu.vercel.app/r/sidebar.json

pagination ui

A pagination component with page navigation controls

npx shadcn@latest add https://ui-three-mu.vercel.app/r/pagination.json

toolbar ui

A toolbar component for grouping action buttons

npx shadcn@latest add https://ui-three-mu.vercel.app/r/toolbar.json

meter ui

A meter component for displaying scalar values within a range

npx shadcn@latest add https://ui-three-mu.vercel.app/r/meter.json

progress-bar ui

A progress bar component for showing completion status

npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-bar.json

progress-circle ui

A circular progress component for showing completion status

npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-circle.json

tracker ui

A tracker component for visualizing data over time with tooltips

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tracker.json

toast ui

A toast notification component using Sonner

npx shadcn@latest add https://ui-three-mu.vercel.app/r/toast.json

chart ui

Core chart components and utilities for data visualization

npx shadcn@latest add https://ui-three-mu.vercel.app/r/chart.json

area-chart ui

An area chart component with gradient fills and animations

npx shadcn@latest add https://ui-three-mu.vercel.app/r/area-chart.json

bar-chart ui

A bar chart component with stacking and percentage options

npx shadcn@latest add https://ui-three-mu.vercel.app/r/bar-chart.json

line-chart ui

A line chart component with multiple line support

npx shadcn@latest add https://ui-three-mu.vercel.app/r/line-chart.json

pie-chart ui

A pie/donut chart component with customizable labels

npx shadcn@latest add https://ui-three-mu.vercel.app/r/pie-chart.json

experimental-chart ui

Experimental TanStack chart foundations and utilities

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-chart.json

experimental-area-chart ui

An experimental TanStack-powered area chart

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-area-chart.json

experimental-bar-chart ui

An experimental TanStack-powered bar chart

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-bar-chart.json

experimental-line-chart ui

An experimental TanStack-powered line chart

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-line-chart.json

experimental-pie-chart ui

An experimental TanStack-powered pie and donut chart

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-pie-chart.json

experimental-radial-chart ui

An experimental TanStack-powered concentric radial chart

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-radial-chart.json

experimental-radar-chart ui

An experimental TanStack-powered radar chart

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-radar-chart.json

bar-list ui

A horizontal bar list component for displaying ranked data

npx shadcn@latest add https://ui-three-mu.vercel.app/r/bar-list.json

color-area ui

A color area component for 2D color selection

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-area.json

color-field ui

A color input field with hex color validation

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-field.json

color-slider ui

A color slider component for single-dimension color adjustment

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-slider.json

color-swatch ui

A color swatch component for displaying colors

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-swatch.json

color-swatch-picker ui

A color swatch picker for selecting from predefined colors

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-swatch-picker.json

color-thumb ui

A color thumb component for color slider controls

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-thumb.json

color-wheel ui

A color wheel component for hue selection

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-wheel.json

color-picker ui

A comprehensive color picker with multiple input methods

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-picker.json

drop-zone ui

A drop zone component for file uploads

npx shadcn@latest add https://ui-three-mu.vercel.app/r/drop-zone.json

file-trigger ui

A file input trigger component with button styling

npx shadcn@latest add https://ui-three-mu.vercel.app/r/file-trigger.json

scroll-area ui

A scroll area component with custom scrollbars

npx shadcn@latest add https://ui-three-mu.vercel.app/r/scroll-area.json

show-more ui

A show more/less component for collapsible content

npx shadcn@latest add https://ui-three-mu.vercel.app/r/show-more.json

command ui

A command palette component for searchable command lists

npx shadcn@latest add https://ui-three-mu.vercel.app/r/command.json

command-menu ui

A command menu component with search and keyboard navigation

npx shadcn@latest add https://ui-three-mu.vercel.app/r/command-menu.json

table ui

A comprehensive table component with sorting, resizing, and selection

npx shadcn@latest add https://ui-three-mu.vercel.app/r/table.json

number-format ui

A number format component that allows you to format numbers in a variety of ways

npx shadcn@latest add https://ui-three-mu.vercel.app/r/number-format.json

locale-context ui

Locale context provider for internationalization support

npx shadcn@latest add https://ui-three-mu.vercel.app/r/locale-context.json

utils lib

npx shadcn@latest add https://ui-three-mu.vercel.app/r/utils.json

create-ctx lib

npx shadcn@latest add https://ui-three-mu.vercel.app/r/create-ctx.json

primitive lib

npx shadcn@latest add https://ui-three-mu.vercel.app/r/primitive.json

use-mobile hook

npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-mobile.json

use-layout-effect hook

npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-layout-effect.json

use-controllable-state hook

npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-controllable-state.json

use-media-query hook

npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-media-query.json

theme-daylight theme

npx shadcn@latest add https://ui-three-mu.vercel.app/r/theme-daylight.json

theme-midnight theme

npx shadcn@latest add https://ui-three-mu.vercel.app/r/theme-midnight.json

theme-emerald theme

npx shadcn@latest add https://ui-three-mu.vercel.app/r/theme-emerald.json

tag-group-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tag-group-preskok-demo.json

tag-field-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tag-field-preskok-demo.json

token-field-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/token-field-preskok-demo.json

sidebar-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/sidebar-preskok-demo.json

number-field-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/number-field-preskok-demo.json

number-format-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/number-format-preskok-demo.json

note-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/note-demo.json

pie-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/pie-chart-preskok-demo.json

progress-bar-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-bar-preskok-demo.json

progress-circle-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-circle-preskok-demo.json

range-calendar-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-preskok-demo.json

range-calendar-controlled-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-controlled-preskok-demo.json

range-calendar-disabled-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-disabled-preskok-demo.json

range-calendar-validation-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-validation-preskok-demo.json

search-field-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/search-field-preskok-demo.json

navbar-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/navbar-preskok-demo.json

tracker-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tracker-preskok-demo.json

tree-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tree-preskok-demo.json

text-field-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/text-field-preskok-demo.json

time-field-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field-preskok-demo.json

time-field-hour-cycle-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field-hour-cycle-preskok-demo.json

time-field-validation-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field-validation-preskok-demo.json

file-trigger-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/file-trigger-preskok-demo.json

form-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/form-preskok-demo.json

grid-list-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/grid-list-preskok-demo.json

heading-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/heading-preskok-demo.json

input-otp-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-otp-preskok-demo.json

keyboard-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/keyboard-preskok-demo.json

keyboard-shortcuts-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/keyboard-shortcuts-preskok-demo.json

line-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/line-chart-preskok-demo.json

link-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/link-preskok-demo.json

link-button-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/link-button-preskok-demo.json

list-box-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/list-box-preskok-demo.json

loader-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/loader-preskok-demo.json

bar-list-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/bar-list-demo.json

breadcrumbs-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/breadcrumbs-demo.json

button-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/button-preskok-demo.json

calendar-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-preskok-demo.json

calendar-with-range-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-with-range-preskok-demo.json

calendar-with-disabled-dates-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-with-disabled-dates-preskok-demo.json

calendar-min-max-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-min-max-preskok-demo.json

calendar-multiple-months-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-multiple-months-preskok-demo.json

calendar-controlled-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-controlled-preskok-demo.json

calendar-controlled-month-year-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-controlled-month-year-preskok-demo.json

calendar-disabled-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-disabled-preskok-demo.json

calendar-validation-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-validation-preskok-demo.json

card-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/card-preskok-demo.json

area-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/area-chart-preskok-demo.json

avatar-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/avatar-preskok-demo.json

async-image-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/async-image-demo.json

badge-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/badge-preskok-demo.json

bar-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/bar-chart-preskok-demo.json

carousel-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/carousel-preskok-demo.json

chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/chart-preskok-demo.json

experimental-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-chart-preskok-demo.json

experimental-area-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-area-chart-preskok-demo.json

experimental-bar-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-bar-chart-preskok-demo.json

experimental-line-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-line-chart-preskok-demo.json

experimental-pie-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-pie-chart-preskok-demo.json

experimental-radial-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-radial-chart-preskok-demo.json

experimental-radar-chart-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-radar-chart-preskok-demo.json

experimental-charts-toggle-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-charts-toggle-preskok-demo.json

checkbox-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/checkbox-preskok-demo.json

checkbox-single-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/checkbox-single-preskok-demo.json

choicebox-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/choicebox-preskok-demo.json

color-area-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-area-preskok-demo.json

color-field-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-field-preskok-demo.json

color-picker-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-picker-preskok-demo.json

color-slider-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-slider-preskok-demo.json

color-swatch-picker-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-swatch-picker-preskok-demo.json

color-swatch-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-swatch-preskok-demo.json

color-thumb-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-thumb-preskok-demo.json

color-wheel-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-wheel-preskok-demo.json

combo-box-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/combo-box-preskok-demo.json

command-menu-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/command-menu-preskok-demo.json

container-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/container-preskok-demo.json

context-menu-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/context-menu-preskok-demo.json

date-field-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-field-demo.json

date-picker-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-preskok-demo.json

date-picker-controlled-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-controlled-preskok-demo.json

date-picker-disabled-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-disabled-preskok-demo.json

date-picker-validation-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-validation-preskok-demo.json

date-range-picker-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker-preskok-demo.json

date-range-picker-controlled-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker-controlled-preskok-demo.json

date-range-picker-disabled-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker-disabled-preskok-demo.json

date-range-picker-validation-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker-validation-preskok-demo.json

description-list-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/description-list-preskok-demo.json

dialog-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/dialog-preskok-demo.json

modal-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/modal-preskok-demo.json

disclosure-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/disclosure-preskok-demo.json

drawer-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/drawer-preskok-demo.json

drop-zone-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/drop-zone-preskok-demo.json

multi-select-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/multi-select-preskok-demo.json

show-more-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/show-more-preskok-demo.json

dropdown-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/dropdown-preskok-demo.json

slider-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/slider-demo.json

switch-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/switch-demo.json

toggle-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle-demo.json

select-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/select-demo.json

textarea-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/textarea-demo.json

radio-group-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio-group-demo.json

radio-validation-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio-validation-demo.json

radio-controlled-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio-controlled-demo.json

separator-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/separator-demo.json

table-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo.json

table-demo-sort example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo-sort.json

table-demo-drag example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo-drag.json

table-demo-resizable example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo-resizable.json

table-interactive-cells-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-interactive-cells-preskok-demo.json

tabs-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tabs-demo.json

pagination-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/pagination-demo.json

scroll-area-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/scroll-area-demo.json

toggle-group-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle-group-demo.json

popover-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/popover-demo.json

preview-trigger-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/preview-trigger-preskok-demo.json

tooltip-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/tooltip-demo.json

sheet-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/sheet-demo.json

skeleton-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/skeleton-demo.json

sonner-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/sonner-demo.json

mode-toggle example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/mode-toggle.json

resizable-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/resizable-demo.json

field-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/field-demo.json

menu-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-preskok-demo.json

menu-submenu-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-submenu-demo.json

menu-context-menu-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-context-menu-preskok-demo.json

menu-description-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-description-demo.json

menu-multiple-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-multiple-demo.json

text-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/text-preskok-demo.json

toolbar-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/toolbar-preskok-demo.json

input-basic-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-basic-demo.json

input-controlled-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-controlled-demo.json

input-group-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-group-demo.json

input-label-description-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-label-description-demo.json

input-text-field-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-text-field-demo.json

input-preskok-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-preskok-demo.json

button-group-orientation-demo example

npx shadcn@latest add https://ui-three-mu.vercel.app/r/button-group-orientation-demo.json