✦ Component Directory·56 Primitives & Blocks

Component Catalog

Production-ready React 19 components, spatial 3D mockups, and interaction primitives. Click Prompt for AI generators or Code for raw TSX.

Showing 56 componentsSource-first React 19 · Tailwind v4
AI & Agents

Fluid WebGL neural voice visualizer with waveform frequencies.

Inspect →
AI & Agents

Pixel-grid loader with shimmer and elapsed time.

Inspect →
AI & Agents

Expandable traces — steps, reasoning, search, coding.

Inspect →
AI & Agents

Streamed answer with inline sources, actions, and follow-ups.

Inspect →
AI & Agents

Concurrent swarm DAG scheduling with token metrics.

Inspect →
AI & Agents

Human-in-the-loop questions the agent asks before acting.

Inspect →
AI & Agents

Code edits and tool calls as compact chips.

Inspect →
AI & Agents

Live agent task status — running, failed, completed.

Inspect →
AI & Agents

Tabbed chat panel with reasoning replies and a composer.

Inspect →
AI & Agents

Composer with @ sources, / commands, model picker, and dictation.

Inspect →
Data & Tables

Real-time enterprise agent activity audit trail with JSON payload diff inspector.

Inspect →
Data & Tables

Vector semantic memory recall grid showing episodic memories and decay score.

Inspect →
Data & Tables

Multi-test LLM evals table testing accuracy, latency, and hallucination rate.

Inspect →
Data & Tables

AI-proposed edits sweeping through tabular data.

Inspect →
Data & Tables

CRM-style grid with tags, sorting, and relationship status.

Inspect →
Data & Tables

Status chips that reorganize live data.

Inspect →
Controls & Canvas

Interactive function calling visualizer with real-time JSON Schema DTO validation.

Inspect →
Data & Tables

Live model token consumption, latency, and cost calculator.

Inspect →
AI & Agents

Agent suggestion with a confidence meter and actions.

Inspect →
Data & Tables

Retrieved knowledge chunks with their sources.

Inspect →
Data & Tables

Deep-dive vector similarity matching and source attribution.

Inspect →
AI & Agents

Prompt-to-artifact canvas with aspect ratios and style presets.

Inspect →
AI & Agents

Side-by-side LLM benchmark comparing speed, quality, and score.

Inspect →
Controls & Canvas

Collapsible workspace and chat navigation with gliding hover states.

Inspect →
Controls & Canvas

Command search with live filtering and an empty state.

Inspect →
Controls & Canvas

Workflow trigger and condition steps on a dotted canvas.

Inspect →
Data & Tables

Paged agent insights with scrub-ready live charts.

Inspect →
Data & Tables

Agent-written code streaming in line by line.

Inspect →
Controls & Canvas

The agent adjusts design properties in an inspector.

Inspect →
AI & Agents

Highlight a passage and hand it to the agent to rewrite.

Inspect →
NEWPROCinematic & 3D

Hardware-accelerated HTML5 Canvas 3D particle globe with interactive drag rotation, latency pins, and network arcs.

Inspect →
NEWPROCinematic & 3D

Isometric 3D perspective MacBook Pro with interactive coding IDE, run terminal simulation, and realistic chassis glare.

Inspect →
NEWCinematic & 3D

Fluid Apple Dynamic Island HUD that expands, morphs between Voice Call, Agent Reasoning, Media Player, and Timer states.

Inspect →
NEWPROCinematic & 3D

Multi-layered fluid gradient voice orb with real-time breathing audio reactive mesh, orbiting particle rings, and state shifts.

Inspect →
NEWCinematic & 3D

Gyro and mouse-parallax 3D layered glass card stack with coordinate tracking and realistic depth translation.

Inspect →
NEWHero & Landing

High-conversion hero header with subtle radial emerald aura, floating announcement badge, and dual magnetic CTAs.

Inspect →
NEWHero & Landing

Kinetic typography headline with staggered flip transitions between dynamic keywords.

Inspect →
NEWHero & Landing

Infinite 3D tilted technology marquee with dual-row velocity reversal and card hover scaling.

Inspect →
NEWHero & Landing

Cursor-attracting magnetic spring button with radial proximity detection and ripple halos.

Inspect →
NEWHero & Landing

Masked typography headline with staggered spring reveals and replay control.

Inspect →
NEWLayout & Grids

Asymmetric modern bento grid layout with spotlight hover cell highlights and micro-metrics.

Inspect →
NEWPROLayout & Grids

AI operations dashboard grid with live subagent queues, latency meters, and period filters.

Inspect →
NEWLayout & Grids

Interactive slider-controlled split screen comparing raw TSX code against live rendered output.

Inspect →
NEWMicro Interactions

Smooth magnetic cursor coordinate follower badge with spring damping.

Inspect →
NEWMicro Interactions

Physics spring button that attracts to mouse cursor proximity.

Inspect →
NEWMicro Interactions

Deck of 3D layered cards that smoothly fan out on hover.

Inspect →
NEWMicro Interactions

Sliding liquid active indicator tab bar with spring transitions.

Inspect →
NEWMicro Interactions

Subtle radial luminance gradient that dynamically tracks cursor coordinates on cards.

Inspect →
NEWData & Tables

Commercial pricing tier switcher with lifetime early bird discount and feature guarantees.

Inspect →
NEWPROData & Tables

An animated 1px conic-gradient border with a soft halo on hover and a CTA tier toggle.

Inspect →
NEWPROData & Tables

Multi-stage agent task pipeline with automated token accounting and status advancement.

Inspect →
NEWData & Tables

Live streaming metric widget with smooth SVG sparkline path and token rate counters.

Inspect →
NEWData & Tables

Live WebSocket-style event log with timestamp badges and severity indicators.

Inspect →
NEWPRONavigation & Modern

Fluid macOS-style icon dock with proximity-based magnification scaling.

Inspect →
NEWNavigation & Modern

In-app command search bar with category tags and keyboard shortcuts.

Inspect →
NEWNavigation & Modern

Large footer with canvas dot grid background and newsletter dispatch.

Inspect →