okibiokibi熾火

Squared technical button with signal, ghost, outline-tech, destructive-hazard, and data variants, plus a built-in loading state.

Compact status tag with signal, semantic-tier, and data variants.

Single-line field with mono readout text and a 2px signal focus ring.

Multi-line field styled as a data readout.

Uppercase technical form label.

The full prose scale re-skinned to the tokens — condensed Saira headings, Inter body, a signal blockquote rule, signal list markers, and mono inline code.

Sharp checkbox that fills with signal when checked.

Sharp radio group with a signal indicator.

Sharp toggle switch; signal fill when on.

Track with a sharp block thumb and a signal range.

Dropdown select with a hard-shadow popover surface.

Accessible form scaffolding for react-hook-form — binds the okibi field primitives to a schema, wires `aria-invalid`/`aria-describedby`, and surfaces validation as a mono system line.

Date-grid calendar (react-day-picker) re-skinned to the HUD — sharp cells, mono uppercase weekday rulers, ghost nav and a signal fill on the selected day.

An outline-tech trigger that reads the chosen date in a mono readout and opens the Calendar on a hard-shadow popover. Controlled via `value`/`onValueChange`, so it drops straight into a Form field.

Autocomplete select — a Command palette on a hard-shadow popover with a mono search and a signal check on the active option. Controlled via `value`/`onValueChange`, so it drops straight into a Form field.

Segmented one-time-code field with sharp mono cells, a 2px signal focus ring on the active slot, and a blinking block caret.

Sharp two-state button that fills signal when pressed; `default` (borderless) and `outline` (keylined) variants.

Segmented control: a strong-bordered bar of Toggles divided by hairline keylines, each filling signal when active. `type="multiple"` for independent toggles, `type="single"` for a one-of-many selector.

Signature surface with corner-bracket reticles and a mono index header.

Technical divider with an optional centered mono label, and an optional live signal pulse that travels along the rule.

Draggable split panes with a signal-armed seam and an optional sharp grip reticle; horizontal or vertical.

Fixed-height overflow surface with a custom HUD scrollbar — a thin graphite gutter and a sharp thumb that arms to signal on hover, rendered identically across browsers (no native OS chrome). Vertical or horizontal.

Hairline-split tabs with a signal active segment.

Index-numbered disclosure rows.

Squared bordered avatar with an uppercase fallback.

Bordered track with a signal indicator, plus an indeterminate `busy` sweep and an optional mono label.

Sharp sweeping placeholder.

Data-readout table with mono cells and uppercase heads.

Recharts wired to the okibi tokens — a responsive container with a HUD-skinned tooltip and legend, driven by a config-based color system.

Modal dialog framed with corner-bracket reticles and a hard offset shadow.

Edge-anchored drawer (vaul) with HUD styling.

Compact uppercase tooltip.

Menu surface with signal-wash highlights and destructive items.

Floating panel with a hard offset shadow.

Command palette (cmdk) with a mono search input.

Toast notifications themed to the okibi tokens.

Wraps content in corner-bracket reticles with optional corner labels; the brackets can converge onto the content as an animated targeting lock.

HUD stat block: mono label, big condensed value, delta arrow.

The shared instrument-card chrome behind ConsolePanel, DataStream, and BootSequence — a sharp mono-grid surface with a keyline header strip, a square status LED, and an optional scanline field.

Tapped telemetry channel — an instrument channel-strip header with a square status LED, a line-numbered log body, and a blinking block cursor under a scanline field.

Small coordinate / index label.

Per-character scramble/decode headline over a persistent ambient signal-noise field — resolves on hover, in-view, or as a continuous pulse (reduced-motion aware).

Scrolling status marquee.

Diagonal signal/black warning banner.

Animated numeric readout — a smooth count-up, or an odometer that rolls each digit reel into place (reduced-motion aware).

Staggered in-view entrance for a group of items (reduced-motion aware).

Live append-only log feed in a fixed-height window — new rows hard-cut in at the top with a decaying signal flash (reduced-motion aware).

Staged system-init reveal — steps print on a cadence and resolve to [ OK ] / [ FAIL ], with optional glitch decode (reduced-motion aware).