Components

Variants, sizes, shapes, icons and loading state.

Inline, current and plain text links.

Text field with label, description, leading/trailing icons.

Multi-line textarea with auto-resize option.

Single checkbox and indeterminate state.

Radio group, vertical and horizontal.

On/off toggle in three sizes.

Kumo-styled Alpine dropdown with groups, rich options and multiple selection; native form values and fallback.

Label + description + error wrapper. Built into each control.

Form field label, optional marker and tooltip.

Solid, tinted, outline and dot status labels.

Inline message bar with variants and optional action.

Bordered surface panel with header slot.

Horizontal / vertical rules with optional label.

Animated spinner in three sizes.

Shimmer placeholder.

Empty-state placeholder with icon and action.

Heading, body, secondary, success, error and mono text.

Joins a small set of tightly-coupled buttons into a single control (split buttons).

Read-only text field with a one-click copy-to-clipboard button.

Compact borderless copy control for IDs and short values.

Password/secret input with reveal toggle and copy button.

Escaped Pygments grammar highlighting, multiline tokens, line numbers, highlighted lines and localized copying.

Composable disclosure component for showing and hiding content.

Progress bar showing a measured value within a known range.

Input field with seamless prefix, suffix, and addon attachments.

Compound surface card with distinct primary and secondary layers.

Responsive CSS grid layout container with preset column configurations.

Recursive navigation groups, account/zone views, search, loading, resize and full-screen mobile breadcrumbs.

Breadcrumbs, title, description, local or URL tabs and action slots.

Trail navigation in two sizes.

Segmented and underline tabs with a sliding indicator, responsive overflow and local Alpine or URL/HTMX state.

Native details menu with delegated keyboard navigation and dismissal.

A page navigation component for navigating through paginated content.

Compact grouped controls with shared borders, composed filters and keyboard arrow navigation.

Page section navigation tree with active link indicator.

Accessible spotlight search overlay with Cmd+K keyboard shortcut.

Native <dialog> modal with focus management.

Edge-anchored modal panel. LayerDialog has its own layered component.

Hover and focus tooltip with grouped delays, Escape dismissal and viewport bounds.

Anchored popup with interactive content.

Expandable notification stack with variants, paused expiry and a live region.

Server-driven table: sort, filter, select and paginate the full dataset.

Kumo-styled date and datetime popups; inline single, multiple and range calendars with bounds/presets.

Styled popup or inline range calendar with bounds, presets and separately named form values.

Kumo-styled input/button triggers, search inside the popup, grouped local choices and debounced HTMX search.

Multi-value badge input for tags and recipients.

Inset single/range selection with vertical grips, value badges, endpoint labels and native keyboard/form behavior.

Server-built Apache ECharts (line, area, bar, donut) themed to wdj tokens.

Offline SVG bubble/country maps and a draggable globe; projection and tooltips differ from Kumo.

Large and compact legend items with loading states and real ECharts series toggles.

Custom ECharts options and trusted HTML tooltip templates.

Responsive settings section with form content and optional footer.

Responsive metric cards with labels, values and semantic trends.

Composable GET search form for server-owned filters and actions.

Resource metadata with semantic definition lists and optional links.

Guidance card with caller-owned navigation or local actions.

Compact view selector using native radio semantics.

Free-form input with local or HTMX-filtered suggestions.

Resource list with usage guidance, additional content and pagination.

Type-to-confirm dialog with error and pending states; POST integration for real resources.

Server-built flow charts with weighted links and themed labels.

Compact line and bar charts for inline metrics.

Directed diagrams with branches, SVG connectors, custom anchors and responsive local scrolling.

Layered native modal with actions, forms, nested dialogs and pending states.