Components

A six-point crystal action, horizontal with text or vertical with an icon.

Primary, secondary, and danger actions with shared Steez button styling.

Clipboard action with built-in copied state and icon feedback.

Square HUD tile button with icon, label, and corner chevron.

Compact floating control button for viewer tools and absolute-positioned UI.

Select an option while keeping its associated icons visible in the closed trigger.

Monospace text input with label, helper copy, and optional leading icon.

Select field with shared Steez framing and arrow treatment.

Shared multiline input for prompts, notes, and longer authored content.

Checkbox primitive with label and Steez form spacing.

Radio and radio-group primitives for exclusive choices.

Native range with value display and an optional square-to-diamond thumb.

A floating quartz with nine animated facets, local layout, and optional parallax.

Hand-drawn motion for artwork, SVG lines, and decorative borders.

Framed avatar viewport with a stable shell, viewport width, and bottom divider.

Nested contour animation for a letter, number, or icon with a soft displacement ripple.

Rainbow holographic silhouettes with an optional one-time entrance trail for character art.

Base content container with optional title and featured emphasis.

Cut-corner tile with dual-layer border (top-right + bottom-left clips).

Expandable feature card with media panel, vertical title, and collapsible body.

Bracketed feature surface with accent corners for standout content.

Flat card with an outer dotted field that sits beyond the main border.

Animated hex field backdrop for avatars, launch surfaces, and atmospheric panels.

Compact multi-stat summary surface with an optional storage meter.

Dashboard widget shell with grid-size presets, header slot, and overlay support.

Small numeric stat block with optional tone and subvalue.

Reusable animated SVG displacement that can wrap text, icons, or any component.

Compact tab-like control for mode switches and view filters.

Simple tabbed container for grouped content and install flows.

Neutral page header with title, brand slot, and optional controls.

Page wrapper that composes the header, subtabs, and content area.

Bitkraft-style notched outline shell for viewport framing and overlay chrome.

Full-screen radial navigation surface built around the notched viewport shell.

Shared light and dark mode switch with document-level persistence.

Continuous horizontal marquee for providers, extensions, or launch lanes.

Simple content section with optional monospace title treatment.

Framed header row for settings and control panels with optional actions.

Outlined accent text with optional stroke-to-fill blink on mount.

Animated path diagram for workspace systems, flows, and runtime maps.

Hover-driven glitch ripple that scrambles characters outward from the cursor position.

Minimal blink treatment for hover or mount-triggered attention cues.

Bold display type that snaps through a quick horizontal or vertical split.

Oversized type scrolls across a receding perspective plane with a hard shadow edge.

A looping, curved type ring built with SVG and CSS motion.

Bold display type wraps around a high contrast sphere that rotates in place.

Repeated type ripples across the three faces of a perspective text volume.

Segmented loading bar for build, deploy, and initialization progress.

Fullscreen or contained loading shell with progress, cross field, and optional branding slots.

Compact centered loading card for viewers, canvases, and media shells.

Inline success, info, and error status surface with shared icon treatment.

Inline, card, and full-screen error surfaces with optional actions.

Orb and line heartbeat indicators for wake-up loops, sync state, and background activity.

Compact hover tooltip with crisp monospace styling for short contextual hints.