Available components

Single or multiple disclosure panels with keyboard-friendly triggers and animated content regions.

Inline status messages with semantic tones, optional dismiss controls, and motion presets.

Digit-by-digit number entrances and a count-up counter with themeable appearances and motion presets.

HTTP response panel with a status pill, timing/size meta, and tabbed JSON body and headers views.

Display API endpoint details with method badges, path, description, tags, and expandable request/response examples.

Compound HTML5 audio player with seekable progress bar, volume control, and a useAudioPlayer hook for wiring external play/pause/reset controls.

Circular images with fallback initials and optional status indicators.

Compact labels and counts that share the library palette with optional close actions.

CSS-Grid-native bento layouts with animated reflow, hover-expand, and morph-to-detail views.

Navigation paths with interactive links and separators for deep-link navigation.

A comprehensive set of interactive buttons with robust motion presets and style variants.

Locale-aware month grid with single, multiple, and range selection, full ARIA grid keyboard navigation, and zero date-library dependencies.

Composable surfaces for summaries and actions with glass, outline, and motion options.

Standalone checkbox controls with labels, indeterminate state, controlled state, and animated checkmarks.

A formatted code display with language label, optional line numbers, and a copy-to-clipboard button.

Unified and split views for comparing old and new code with line numbers and gutter markers.

Searchable single or multi-select dropdowns with keyboard navigation, filtering, disabled items, and controlled value support.

Browser DevTools-style console output with type icons, filter controls, group toggling, and count badges.

Cmd+K command palette with global hotkey, keyboard navigation, grouped results, live filtering, and an animated entry.

Right-click action menus with labels, separators, disabled items, nested submenus, and dropdown-aligned variants.

One-click copy-to-clipboard button with idle and copied states, an optional animated icon swap, and tokenized appearances.

Typed data grids with search, sorting, selection, column visibility, pagination, loading states, and bulk actions.

Input-and-popover date selection with single and range modes, Intl-formatted trigger text, and hidden inputs for form posts.

Horizontal or vertical separators with optional labels and subtle motion.

Edge-attached panels with focus management, scroll locking, and slide animations.

Menu surfaces with portal positioning, keyboard navigation, and grouped items.

Sequential progress indicators with clickable steps and optional labels.

Zero-data layouts with icon, title, description, and primary action slots.

Drag-and-drop file inputs with progress indicators and custom validation.

Real-time hash generation with SHA-1, SHA-256, SHA-384, SHA-512 using the Web Crypto API.

HTTP request panel with a method badge, URL, and tabbed headers, query, and JSON body views.

Status-code badge that maps 1xx–5xx to semantic tones with solid, soft, and outline appearances.

Accessible input fields including text, file, date, checkbox, and radio inputs with unified styling.

Structured log viewer with level-filter toggles, search, timestamped entries, and a summary bar.

Semantic keyboard shortcut keycaps for single keys or chords, with configurable separators and an optional animated key press.

Interactive, collapsible JSON tree with syntax-colored values, expand/collapse-all, and copy-to-clipboard.

CSS-only infinite logo rails, status tickers, and vertical release feeds with tokenized appearances.

Dialog overlays with configurable size, position, and entrance motion.

Live online/offline indicator using navigator.onLine and the Network Information API, with connection-quality detection and a pulsing status dot.

Segmented one-time code fields with paste fill, auto-advance, completion callbacks, and validation state.

Copyable install-command UI with package-manager tabs, themeable appearances, and an optional animated entry.

Page windows, URL-friendly links, and compact controls for navigating large datasets.

Visual strength indicator for passwords with color-coded levels, labels, and animated transitions.

Determinate progress bars with shimmer animation and a wide appearance scale.

Generate QR codes from text, URLs, or data with configurable error correction, colors, and animated entry presets.

Scan QR codes in real time using the device camera or decode from uploaded images with pure JavaScript QR decoding.

Click-triggered floating panels for forms, action previews, and rich contextual content.

Compound radio controls for exclusive choices with shared state, orientation, and animated indicators.

Feedback ratings with half-step values, custom react-icons support, hidden form values, and accessible radio options.

Human-readable relative timestamps ("3 minutes ago") with auto-updating, tooltip fallback, and animated text transitions.

Request timing waterfall with proportional, color-coded phase bars, durations, legend, and total.

Themeable overflow containers with vertical, horizontal, hover, hidden, and always-visible scrollbar variants.

Toggle visibility of sensitive values like API keys, passwords, and tokens with masked defaults and reveal animations.

Controlled search fields and suggestion lists for filters, docs search, and lightweight in-app discovery.

Custom listbox selects with single or multi-value modes and matched trigger width.

Placeholder blocks, text lines, avatars, and buttons while content streams in.

Real-time speech-to-text using the Web Speech API with microphone toggle, interim results, and configurable language.

Text-to-speech component with play, pause, resume, and stop controls using the Web Speech API.

Primary action button paired with a dropdown trigger for secondary actions, loading states, and full-width layouts.

Interactive sliders with range selection and value display for numeric inputs.

Busy indicators with ring, dots, pulse, and bars variants across standard sizes.

Structured data tables with striped, bordered, and sticky header treatments.

Tab lists and animated panels for switching related content without navigation.

Terminal window with a title bar, prompt-prefixed commands, color-coded output, and copy-to-clipboard.

Vertical event tracks with themeable indicators, connector lines, and an optional staggered scroll-in animation.

Searchable timezone picker with grouped regions, current-time preview, and configurable offset display.

Transient notifications via a provider hook with stacked viewports and timers.

Switch controls with semantic appearances and spring thumb motion.

Hover and focus hints with delays, placements, and compact styled surfaces.

Data-driven hierarchical trees with keyboard navigation, selection state, indentation guides, and animated expand/collapse.

Animated dots for chat and messaging UIs with CSS bounce and framer-motion spring, pulse, and wave animations.

Multi-zone clock display with live-ticking times, date labels, day/night indicators, and configurable card appearances.