Browse every Preskok UI component in one place.
Core field components including Label, Description, FieldError, Fieldset, and Legend.
Group inputs and handle validation using the native form element.
Input and InputGroup components for text input with icons, loaders, and buttons.
A comprehensive text input field with prefix, suffix, and password reveal.
A multi-line text input component with field integration.
A search input field with loading state and clear functionality.
Enter one-time passwords with grouped slots, separators, and control.
A number input field with stepper buttons and validation.
Format numbers and currencies consistently using a context-aware component.
A range slider component with tooltip and inline output options.
Accessible checkbox and checkbox group components with field integration.
An accessible switch component for boolean inputs.
Radio and RadioGroup components with field integration.
A select component with searchable options and custom styling.
Autocomplete combo box with input, popover list, and keyboard navigation.
Present and select from a list of options with labels, descriptions, and sections.
Grid or stacked option selector with single or multiple selection modes.
A multi-select component with search and filtering capabilities.
Enter free text with selectable inline tokens.
A tag input field for adding and removing tags.
A tag group component for displaying and managing tags.
Advanced date selection calendar with month/year navigation, date ranges, and internationalization support.
Input for entering and editing a date via segmented fields.
A date picker with responsive popover/modal overlay and calendar.
Pick a start and end date with a responsive calendar overlay.
A calendar component for selecting date ranges.
A time input field with segmented time entry.
A comprehensive color picker with color area, hue slider, swatch, and hex input.
Text color input with optional inline color picker and validation.
2D color selection area, typically used for saturation/brightness.
Single-axis color slider for adjusting hue, saturation, brightness, or alpha.
Display a color preview with consistent sizing and styling.
Grid or list of selectable color swatches.
Draggable thumb used by color sliders and wheels.
Circular hue selector with draggable thumb.
Drag-and-drop upload target with visual feedback.
Select files, folders, or capture from camera with consistent button semantics.
Customizable buttons with multiple variants, sizes, and interactive states.
A component for grouping related buttons with horizontal or vertical orientation.
A toggle button component with multiple variants.
A toggle group component for single or multiple selection.
A branded authentication button component for Preskok integration.
A minimal rich text editor built on Tiptap.
Semantic headings with size levels and consistent typography.
Navigate to internal or external destinations with accessible links.
A simple typography component for consistent text styling.
Display keyboard shortcuts inline and benefit from built-in focus behavior.
Content containers with headers, actions, and flexible layouts for organizing information.
Responsive container with optional constrained padding.
Browse and select items arranged in a grid with optional drag-and-drop and multi-select.
Draggable splitters for horizontal and vertical panel layouts.
A comprehensive table component with sorting, resizing, and selection.
A tree component for hierarchical data display.
A separator component for dividing content horizontally or vertically.
Semantic list of term–description pairs.
A scroll area component with custom scrollbars.
A show more/less component for collapsible content.
A toolbar component for grouping action buttons.
Navigation breadcrumb trails with customizable separators and link handling.
A comprehensive navigation bar with responsive design.
A pagination component with page navigation controls.
A tabs component with accessible tab navigation.
A composable, themeable, and customizable React Aria sidebar.
Modal dialog with header, body, and footer composition.
A modal dialog component with overlay and blur effects.
Slide-over panel with touch drag interactions and composition.
A popover component for displaying content in an overlay.
Display an interactive popover on hover, focus, or long press.
A sheet component that slides in from different sides with blur effects.
A tooltip component with arrow and multiple styling options.
Right-click context menu built on top of the menu primitives.
Building blocks for dropdown menu item layouts and keyboard hints.
A command palette component for searchable command lists.
Spotlight-style command menu with search, sections, and keyboard shortcuts.
Expandable sections (accordion/collapsible) with trigger and panel.
A comprehensive menu component with submenus and sections.
Toast notifications using Sonner.
A progress bar component for showing completion status.
A circular progress component for showing completion status.
A meter component for displaying scalar values within a range.
Lightweight loading indicators with multiple variants, sizes, and intents.
A skeleton loading component with soft variant option.
A note component for displaying contextual information with different intents.
Small label component to highlight statuses, counts, or categories.
Core chart context, tooltip, legend, and axes used by Preskok chart components.
Area chart for visualizing trends over time with gradients, tooltips, and legends.
Bar chart component built on Recharts with legend, tooltip, and stacking support.
Show trends over time with a configurable line chart built on the shared chart primitives.
A pie/donut chart component with customizable labels.
Try the TanStack Charts implementation alongside the stable Recharts components.
Concentric radial bars built on TanStack Charts with tracks, labels, legends, and tooltips.
Single and comparative radar profiles built on TanStack Charts with polygon grids, labels, legends, points, and grouped tooltips.
Horizontal bar list for data visualization with interactive bars and customizable formatting.
Visualize data over time with tooltips.
Compound async image with lazy loading, skeleton placeholder, and error fallback.
User avatar component with images or initials, sizes, and square/round styles.
Embla-based carousel with content items and accessible previous/next controls.
The official Preskok brand icon component.