Available components

Trace proposals through dependency graphs with explanation paths, comparisons, and windowed results.

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

Data-driven actor, verb, and object events with automatic grouping of consecutive matching activity.

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.

Responsive CSS Grid layouts with typed columns, auto sizing, spans, and named areas.

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.

Original SVG current, cursor surges, and click pulses with theme tokens and a static reduced-motion fallback.

CSS-based glass, crystal, and frosted surfaces with pointer tilt, dynamic lighting, and accessible motion controls.

Sliding track with multiple slides per view, vertical orientation, pointer dragging, looping, reduced-motion-aware auto-play, and an optional spring entry.

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

Radial menu that fans items out around a center trigger on a full ring or an open arc, with configurable radius, sweep, optional rotation, and keyboard navigation.

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.

Text that cycles random glyphs and resolves into the real string on mount, in view, or on hover, without shifting the line.

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.

Connected labels, descriptions, validation errors, native field groups, and responsive input layouts.

Perspective node networks with clusters, data flow, selection, and camera controls.

Layered orbital rings for skills and features with camera controls and selection.

Accessible radial progress rings and open dials with custom ranges, value formatting, and tokenized appearances.

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 before-and-after media comparison with a draggable, clickable, and keyboard-operated divider.

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.

Semantic headings whose letters reveal an image, video, or gradient mesh, with line-masked entrances and pointer parallax.

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.

Declarative permission and role-based access control with components, hooks, and route guards.

GLB and glTF product showcases with orbit controls, lighting presets, hotspots, and poster fallback.

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.

Compose nested workspaces with pointer and keyboard resizing, percentage constraints, collapsible panes, and themeable handles.

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.

A sticky section whose rounded image or video frame grows to full bleed as you scroll, then hands over to overlay content.

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.

Drag-to-confirm interaction for payment approvals, transaction confirmation, and destructive-action prompts, with keyboard and threshold support.

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.

Scrub application snapshots with synchronized state, diffs, bookmarks, and custom historical previews.

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.

Related actions, formatting toggles, and links with one Tab stop, arrow navigation, vertical layouts, and RTL support.

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.

Dependency-free drag-to-reorder lists with controlled state and keyboard-friendly move controls.

Declarative multi-step workflows with headers, progress indicators, navigation, sidebars, and footers.

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