---
name: "@preskok"
slug: "preskok"
description: "Accessible, production-ready React components built with React Aria Components and Tailwind CSS."
category: "Charts/data viz"
tags: ["accessibility", "auth", "buttons", "cards", "charts", "dashboard", "editor", "forms", "hooks", "icons", "loaders", "media", "mobile", "navigation", "overlays", "pro-available", "tables", "theming"]
framework: "react"
license: null
author: "GregorGabric"
website: "https://ui-three-mu.vercel.app"
github: "https://github.com/GregorGabric/ui"
registry: "https://ui-three-mu.vercel.app/r/registry.json"
pro: true
pro_url: "https://ui-three-mu.vercel.app/pricing"
github_stars: 1
component_count: 250
generated_at: "2026-09-05T09:50:59.044Z"
---

# @preskok

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

## Links

- Website: https://ui-three-mu.vercel.app
- GitHub: https://github.com/GregorGabric/ui
- Registry JSON: https://ui-three-mu.vercel.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/preskok
- This file: https://sh4dcn.vercel.app/md/preskok.md
- Pro / pricing: https://ui-three-mu.vercel.app/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui-three-mu.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://ui-three-mu.vercel.app/r/registry.json
bunx shadcn@latest add https://ui-three-mu.vercel.app/r/registry.json
# clone the source repo
git clone https://github.com/GregorGabric/ui.git
# fetch the raw registry index
curl -s https://ui-three-mu.vercel.app/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| default | registry:base | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/default.json` |
| avatar | registry: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 | registry: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 | registry:ui | A versatile badge component with multiple intents and styles | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/badge.json` |
| button | registry: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 | registry: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 | registry: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 | registry:ui | A responsive container component with optional constraints | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/container.json` |
| heading | registry:ui | A semantic heading component with configurable levels | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/heading.json` |
| keyboard | registry:ui | A component for displaying keyboard shortcuts and key combinations | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/keyboard.json` |
| link | registry:ui | An accessible link component with multiple styling options | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/link.json` |
| loader | registry:ui | A collection of loading indicators with multiple variants | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/loader.json` |
| note | registry: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 | registry:ui | A separator component for dividing content horizontally or vertically | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/separator.json` |
| skeleton | registry:ui | A skeleton loading component with soft variant option | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/skeleton.json` |
| text | registry:ui | A simple typography component for consistent text styling | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/text.json` |
| switch | registry:ui | An accessible switch component for boolean inputs | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/switch.json` |
| preview-trigger | registry: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 | registry:ui | A tooltip component with arrow and multiple styling options | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/tooltip.json` |
| field | registry:ui | Core field components including Input, Label, Description, and FieldError | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/field.json` |
| form | registry:ui | A form wrapper component with accessibility features | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/form.json` |
| checkbox | registry:ui | Checkbox and CheckboxGroup components with field integration | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/checkbox.json` |
| input | registry: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 | registry: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 | registry: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 | registry:ui | Radio and RadioGroup components with field integration | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio.json` |
| search-field | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:ui | A time input field with segmented time entry | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field.json` |
| popover | registry:ui | A popover component for displaying content in an overlay | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/popover.json` |
| dialog | registry: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 | registry:ui | A modal dialog component with overlay and blur effects | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/modal.json` |
| drawer | registry:ui | A drawer component that slides in from different sides | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/drawer.json` |
| sheet | registry: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 | registry:ui | Core dropdown components used by other menu-like components | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/dropdown.json` |
| menu | registry:ui | A comprehensive menu component with submenus and sections | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu.json` |
| context-menu | registry: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 | registry:ui | A list box component for displaying selectable options | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/list-box.json` |
| select | registry: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 | registry: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 | registry:ui | A breadcrumb navigation component with customizable separators | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/breadcrumbs.json` |
| description-list | registry:ui | A description list component for key-value pairs | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/description-list.json` |
| disclosure | registry:ui | Disclosure and accordion components for collapsible content | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/disclosure.json` |
| grid-list | registry: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 | registry:ui | A tabs component with accessible tab navigation | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/tabs.json` |
| tree | registry:ui | A tree component for hierarchical data display | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/tree.json` |
| calendar | registry: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 | registry: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 | registry: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 | registry: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 | registry:ui | A calendar component for selecting date ranges | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar.json` |
| editor | registry:ui | A minimal rich text editor built on Tiptap | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/editor.json` |
| tag-group | registry: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 | registry: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 | registry: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 | registry:ui | A text field that supports editable inline tokens | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/token-field.json` |
| toggle | registry:ui | A toggle button component with multiple variants | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle.json` |
| toggle-group | registry: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 | registry: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 | registry:ui | A carousel component with navigation and pagination | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/carousel.json` |
| preskok-icon | registry:ui | The official Preskok brand icon component | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/preskok-icon.json` |
| preskok-auth-button | registry: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 | registry:ui | A comprehensive navigation bar with responsive design | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/navbar.json` |
| sidebar | registry:ui | A composable, themeable, and customizable React Aria sidebar | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/sidebar.json` |
| pagination | registry:ui | A pagination component with page navigation controls | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/pagination.json` |
| toolbar | registry:ui | A toolbar component for grouping action buttons | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/toolbar.json` |
| meter | registry: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 | registry: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 | registry:ui | A circular progress component for showing completion status | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-circle.json` |
| tracker | registry: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 | registry:ui | A toast notification component using Sonner | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/toast.json` |
| chart | registry:ui | Core chart components and utilities for data visualization | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/chart.json` |
| area-chart | registry: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 | registry: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 | registry: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 | registry: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 | registry:ui | Experimental TanStack chart foundations and utilities | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-chart.json` |
| experimental-area-chart | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:ui | An experimental TanStack-powered radar chart | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-radar-chart.json` |
| bar-list | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry:ui | A color wheel component for hue selection | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-wheel.json` |
| color-picker | registry: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 | registry:ui | A drop zone component for file uploads | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/drop-zone.json` |
| file-trigger | registry: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 | registry:ui | A scroll area component with custom scrollbars | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/scroll-area.json` |
| show-more | registry:ui | A show more/less component for collapsible content | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/show-more.json` |
| command | registry:ui | A command palette component for searchable command lists | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/command.json` |
| command-menu | registry: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 | registry: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 | registry: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 | registry:ui | Locale context provider for internationalization support | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/locale-context.json` |
| utils | registry:lib | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/utils.json` |
| create-ctx | registry:lib | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/create-ctx.json` |
| primitive | registry:lib | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/primitive.json` |
| use-mobile | registry:hook | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-mobile.json` |
| use-layout-effect | registry:hook | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-layout-effect.json` |
| use-controllable-state | registry:hook | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-controllable-state.json` |
| use-media-query | registry:hook | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/use-media-query.json` |
| theme-daylight | registry:theme | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/theme-daylight.json` |
| theme-midnight | registry:theme | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/theme-midnight.json` |
| theme-emerald | registry:theme | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/theme-emerald.json` |
| tag-group-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/tag-group-preskok-demo.json` |
| tag-field-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/tag-field-preskok-demo.json` |
| token-field-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/token-field-preskok-demo.json` |
| sidebar-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/sidebar-preskok-demo.json` |
| number-field-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/number-field-preskok-demo.json` |
| number-format-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/number-format-preskok-demo.json` |
| note-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/note-demo.json` |
| pie-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/pie-chart-preskok-demo.json` |
| progress-bar-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-bar-preskok-demo.json` |
| progress-circle-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/progress-circle-preskok-demo.json` |
| range-calendar-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-preskok-demo.json` |
| range-calendar-controlled-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-controlled-preskok-demo.json` |
| range-calendar-disabled-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-disabled-preskok-demo.json` |
| range-calendar-validation-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/range-calendar-validation-preskok-demo.json` |
| search-field-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/search-field-preskok-demo.json` |
| navbar-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/navbar-preskok-demo.json` |
| tracker-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/tracker-preskok-demo.json` |
| tree-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/tree-preskok-demo.json` |
| text-field-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/text-field-preskok-demo.json` |
| time-field-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field-preskok-demo.json` |
| time-field-hour-cycle-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field-hour-cycle-preskok-demo.json` |
| time-field-validation-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/time-field-validation-preskok-demo.json` |
| file-trigger-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/file-trigger-preskok-demo.json` |
| form-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/form-preskok-demo.json` |
| grid-list-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/grid-list-preskok-demo.json` |
| heading-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/heading-preskok-demo.json` |
| input-otp-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-otp-preskok-demo.json` |
| keyboard-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/keyboard-preskok-demo.json` |
| keyboard-shortcuts-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/keyboard-shortcuts-preskok-demo.json` |
| line-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/line-chart-preskok-demo.json` |
| link-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/link-preskok-demo.json` |
| link-button-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/link-button-preskok-demo.json` |
| list-box-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/list-box-preskok-demo.json` |
| loader-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/loader-preskok-demo.json` |
| bar-list-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/bar-list-demo.json` |
| breadcrumbs-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/breadcrumbs-demo.json` |
| button-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/button-preskok-demo.json` |
| calendar-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-preskok-demo.json` |
| calendar-with-range-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-with-range-preskok-demo.json` |
| calendar-with-disabled-dates-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-with-disabled-dates-preskok-demo.json` |
| calendar-min-max-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-min-max-preskok-demo.json` |
| calendar-multiple-months-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-multiple-months-preskok-demo.json` |
| calendar-controlled-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-controlled-preskok-demo.json` |
| calendar-controlled-month-year-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-controlled-month-year-preskok-demo.json` |
| calendar-disabled-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-disabled-preskok-demo.json` |
| calendar-validation-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/calendar-validation-preskok-demo.json` |
| card-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/card-preskok-demo.json` |
| area-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/area-chart-preskok-demo.json` |
| avatar-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/avatar-preskok-demo.json` |
| async-image-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/async-image-demo.json` |
| badge-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/badge-preskok-demo.json` |
| bar-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/bar-chart-preskok-demo.json` |
| carousel-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/carousel-preskok-demo.json` |
| chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/chart-preskok-demo.json` |
| experimental-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-chart-preskok-demo.json` |
| experimental-area-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-area-chart-preskok-demo.json` |
| experimental-bar-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-bar-chart-preskok-demo.json` |
| experimental-line-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-line-chart-preskok-demo.json` |
| experimental-pie-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-pie-chart-preskok-demo.json` |
| experimental-radial-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-radial-chart-preskok-demo.json` |
| experimental-radar-chart-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-radar-chart-preskok-demo.json` |
| experimental-charts-toggle-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/experimental-charts-toggle-preskok-demo.json` |
| checkbox-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/checkbox-preskok-demo.json` |
| checkbox-single-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/checkbox-single-preskok-demo.json` |
| choicebox-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/choicebox-preskok-demo.json` |
| color-area-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-area-preskok-demo.json` |
| color-field-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-field-preskok-demo.json` |
| color-picker-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-picker-preskok-demo.json` |
| color-slider-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-slider-preskok-demo.json` |
| color-swatch-picker-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-swatch-picker-preskok-demo.json` |
| color-swatch-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-swatch-preskok-demo.json` |
| color-thumb-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-thumb-preskok-demo.json` |
| color-wheel-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/color-wheel-preskok-demo.json` |
| combo-box-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/combo-box-preskok-demo.json` |
| command-menu-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/command-menu-preskok-demo.json` |
| container-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/container-preskok-demo.json` |
| context-menu-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/context-menu-preskok-demo.json` |
| date-field-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-field-demo.json` |
| date-picker-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-preskok-demo.json` |
| date-picker-controlled-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-controlled-preskok-demo.json` |
| date-picker-disabled-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-disabled-preskok-demo.json` |
| date-picker-validation-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-picker-validation-preskok-demo.json` |
| date-range-picker-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker-preskok-demo.json` |
| date-range-picker-controlled-preskok-demo | registry: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 | registry: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 | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/date-range-picker-validation-preskok-demo.json` |
| description-list-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/description-list-preskok-demo.json` |
| dialog-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/dialog-preskok-demo.json` |
| modal-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/modal-preskok-demo.json` |
| disclosure-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/disclosure-preskok-demo.json` |
| drawer-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/drawer-preskok-demo.json` |
| drop-zone-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/drop-zone-preskok-demo.json` |
| multi-select-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/multi-select-preskok-demo.json` |
| show-more-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/show-more-preskok-demo.json` |
| dropdown-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/dropdown-preskok-demo.json` |
| slider-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/slider-demo.json` |
| switch-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/switch-demo.json` |
| toggle-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle-demo.json` |
| select-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/select-demo.json` |
| textarea-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/textarea-demo.json` |
| radio-group-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio-group-demo.json` |
| radio-validation-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio-validation-demo.json` |
| radio-controlled-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/radio-controlled-demo.json` |
| separator-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/separator-demo.json` |
| table-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo.json` |
| table-demo-sort | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo-sort.json` |
| table-demo-drag | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo-drag.json` |
| table-demo-resizable | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-demo-resizable.json` |
| table-interactive-cells-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/table-interactive-cells-preskok-demo.json` |
| tabs-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/tabs-demo.json` |
| pagination-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/pagination-demo.json` |
| scroll-area-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/scroll-area-demo.json` |
| toggle-group-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/toggle-group-demo.json` |
| popover-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/popover-demo.json` |
| preview-trigger-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/preview-trigger-preskok-demo.json` |
| tooltip-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/tooltip-demo.json` |
| sheet-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/sheet-demo.json` |
| skeleton-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/skeleton-demo.json` |
| sonner-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/sonner-demo.json` |
| mode-toggle | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/mode-toggle.json` |
| resizable-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/resizable-demo.json` |
| field-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/field-demo.json` |
| menu-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-preskok-demo.json` |
| menu-submenu-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-submenu-demo.json` |
| menu-context-menu-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-context-menu-preskok-demo.json` |
| menu-description-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-description-demo.json` |
| menu-multiple-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/menu-multiple-demo.json` |
| text-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/text-preskok-demo.json` |
| toolbar-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/toolbar-preskok-demo.json` |
| input-basic-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-basic-demo.json` |
| input-controlled-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-controlled-demo.json` |
| input-group-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-group-demo.json` |
| input-label-description-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-label-description-demo.json` |
| input-text-field-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-text-field-demo.json` |
| input-preskok-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/input-preskok-demo.json` |
| button-group-orientation-demo | registry:example | — | `npx shadcn@latest add https://ui-three-mu.vercel.app/r/button-group-orientation-demo.json` |

## For AI agents

```text
You are adding components from @preskok to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/preskok.md) for the component list.
2. Fetch the machine-readable index: https://ui-three-mu.vercel.app/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: preskok).
```