Components

Scholarly summary block with measured content and rule-only structure.

Responsive dialog that switches to drawer on mobile breakpoints

Text input with suggestion dropdown, async loading, and custom rendering

Stacked avatar display with overflow count and size variants

Badge list with overflow count and expandable popover

Controlled or uncontrolled BOM balloon and target linkage with one shared interaction state.

Accessible scholarly citation link with a controlled or uncontrolled fade-only reference popover.

Inspector group container with expand/collapse, badge count, action buttons

Keyboard-complete drafting detail trigger with a real magnified viewport and title-block header.

Geometry-bound drafting dimension with extension lines, arrowheads, tolerance, and density-aware values.

Compartmented drafting constraint chip requiring a genuine datum or source reference.

Valid figure or table caption with deterministic per-surface numbering and explicit unnumbered mode.

List-owned scholarly footnotes with stable labels, backreferences, and article or preprint rule variants.

Click-to-edit field with confirm/cancel buttons and keyboard shortcuts

Versatile list item with leading/trailing slots, description, and interactive states

Smooth infinite scroll marquee with hover pause and reverse direction

Entity preview card with compact/two-line/three-line layout variants

Circular progress indicator with percentage, size variants, and animation

Semantic ordered source list with stable ids, hanging indents, and tabular markers.

Accessible drafting revision marker with a silent triangle and explicit revision description.

Density-aware scholarly running head with title, section, page, and preprint version slots.

Navigation that tracks scroll position and highlights active section

Functional scholarly section address with bounded chrome depth and an explicit content-depth escape.

Animated online/offline/busy/error indicator with pulse animation

Animated swap transition between two elements with rotate/flip effects

Single-owner drafting title block with data-earned metadata cells and density-aware cellular geometry.

Overlapping avatar stack with "+N more" overflow

Click-to-copy with checkmark confirmation animation

Pre-configured data table with common column types

Empty state placeholder with illustration, title, action button

Horizontal row of 3-5 stat cards for dashboard headers

Icon button with unread badge and notification popover

Search with keyboard shortcut hint, suggestions dropdown

KPI card with metric, trend indicator, sparkline

Dark/light mode toggle with animated icon transition

Avatar dropdown with profile, settings, sign out

Real-time agent status with runtime, memory, CPU, connected sandboxes

Odin-style property panel with sections, inline editors, drag reorder

Floating action bar with selection count, actions, and dismiss for bulk operations

Timeline feed with date grouping, connector lines, and avatar items

Circular angle picker with degree input, drag interaction, and snap points

Asset browser with grid/list views, search, categories, and thumbnail sizing

Multi-select action bar with selection count, inline/overflow actions

Before/after image comparison with drag divider and vertical/horizontal modes

Terminal-style output panel with log levels, timestamps, and auto-scroll

Dockable panel with tab bar, minimize, maximize, and drag-to-dock

Composable filter bar with add/remove conditions, operators, and value inputs

Generic filter bar with select, input, popover, badge, date-picker support

Circular gauge visualization with value, min/max, and color thresholds

Scene hierarchy tree with drag-to-reorder, visibility toggles, and lock icons

Interactive image crop tool with aspect ratio lock, zoom, and rotation

Ghost text suggestion overlay with Tab to accept and keyboard dismiss

Dynamic key-value pair editor with add/remove rows and type selection

Layer stack with visibility, lock, blend mode, opacity, and drag reorder

Input with format mask for phone, date, credit card, and custom patterns

Pinterest-style masonry layout with responsive columns and gap control

Audio/video player with controls, progress bar, volume, and playback speed

Numeric value input with unit selector (px/rem/%/auto)

International phone input with country code selector and formatting

AI prompt input bar with model selector, attachments, and send button

QR code generator with customizable size, colors, and error correction

Floating quick action buttons with expandable menu and keyboard shortcuts

Office-style ribbon toolbar with tab groups, sections, and collapsible panels

Multi-segment input for IP addresses, version numbers, and structured data, fused into one housing with per-segment validation

Magnetic slider with named stops, double-click reset, full keyboard model, and a typed numeric readout

Resizable split pane layout with horizontal/vertical orientation and min/max

Interactive star rating input with half-star precision and read-only mode

XYZ/TRBL multi-input panel for position, margin, padding, transforms

Real-time activity stream with avatars, timestamps, actions, grouping

Rich breadcrumb with dropdown navigation at each level

Syntax-highlighted code with copy button, line numbers, diff view

Compact color display with picker popover, alpha checkerboard

Premium KPI row with sparklines, comparison, goal progress

Drag-to-scrub numeric input with visual feedback, step snapping

Bottom status bar with context info, indicators, quick actions

Dockable tab container with drag reorder, close, split, pin

Dense toolbar with icon buttons, separators, grouped sections

Hierarchical tree with expand/collapse, drag-reorder, multi-select, guide lines

XYZ vector input with linked scrubbers, axis labels