The core of modern interfaces.

Buttons, inputs, selection controls, and layout pieces live here so the main components catalog stays focused.

Button

Accessible button with variants, sizes, icons, and loading state.

Toggle

Pressable on/off control with default, icon, outline, soft, and grouped selection.

Label

Accessible form label with default, required, optional, muted, and inline variants.

Input

Accessible text input with label, hint, error, icons, and clear action.

Input OTP

Accessible one-time code input with alphanumeric, masked, and grouped variants.

Text Area

Accessible multi-line input with variants, auto-resize, counts, and validation.

Select

Accessible select with polished triggers, grouped options, and controlled state.

Combobox

Searchable combobox with multi-select, async loading, and creatable options.

Form Field

Composable form field wrapper with labels, descriptions, errors, and section layouts.

Checkbox

Accessible checkbox with focused styles, groups, cards, and indeterminate state.

Switch

Accessible switch with distinct variants, smooth motion, groups, cards, and controlled state.

Radio Group

Native radio selection with distinctive rows, segments, cards, and controlled state.

Tabs

Tabbed navigation with sliding indicators, segmented controls, and vertical layouts.

Breadcrumb

Wayfinding trail with smart collapsing, dropdowns, and animated hover states.

Pagination

Page navigation with sliding indicators, compact counters, and progressive loading.

Badge

Polished status and metadata badges with icons, dots, removable chips, and subtle depth.

Avatar

Profile avatars with image fallback, presence status, stacked groups, and upload.

Table

Data tables with sortable columns, row selection, expandable rows, and sticky headers.

Progress

Progress indicators — linear, circular, segmented steps, indeterminate, and stacked.

Alert

Status alerts for info, success, warning, error, and action-oriented messages.

Skeleton

Loading placeholders for text, avatar, card, table, and custom compositions.

Spinner

Indeterminate loading indicators in default, ring, dots, pulse, and overlay styles.

Toast

Transient notifications for info, success, warning, error, and action states.

Bento Grid

Responsive bento-style grid layout.

Card

Premium content containers with interactive, media, stat, and feature variants.

Separator

Custom dividers with text labels, gradient fades, and dashed borders.

Resizable

Flexible resizable layouts featuring draggable splitter bars, panel snappers, and local persistence.

Dialog

Modal dialogs for focused tasks — default, confirmation, form, fullscreen, and scrollable layouts.

Sheet

Edge-mounted panels that slide in from any side, with an optional persistent mode.

Drawer

Gesture-driven drawers with velocity dismiss, snap points, and multi-side support.

Popover

Floating panels for menus, inline forms, rich previews, and controlled state.

Tooltip

Contextual hints with rich content, keyboard shortcuts, cursor tracking, and interactive links.

Hover Card

Snappy preview card overlays triggered on hovering links/text without click interruption.