Build relays at the speed of thought.
A complete dark-themed component & motion system for the squadrelay platform — colors, typography, primitives, and patterns, alive in the browser.
A palette tuned for dark interfaces.
Twelve calibrated tokens cover surfaces, text, brand, and semantic states. Click any swatch to copy its hex.
Geist Sans & Geist Mono, a clean, variable-grade pair.
A nine-step scale anchored by the Geist family. Tight tracking on headings, relaxed leading on body.
The quick relay
ships before noon.
Form primitives with animated focus rings.
Inputs, checkboxes, radios, switches and sliders — every state hand-tuned for dark backgrounds.
Four card patterns, one motion language.
Flat surfaces for content, glow cards for actions, conic-gradient borders for emphasis, stat cards for data.
Flat card
Plain surface for grouping content. Lifts subtly on hover.
Glow card
Hover reveals a brand-color halo. Use for primary actions.
Gradient border
Animated conic gradient draws attention to featured content.
Pills, dots, tags & notification badges.
Tiny components, big personality. All animate in, animate out, and pulse where it matters.
Disclosure patterns with layout animations.
Tabs use a shared-layout underline that slides between items. Accordions expand height + fade content.
A relay is the smallest unit of work in squadrelay. Each relay takes input, processes through a chain of agents, and emits a result — all in real-time.
Node.js 20+, Bun 1.0+, Deno 2.0+, and a WASM edge build for Cloudflare Workers and Vercel Edge.
Spring-in dialogs with layered backdrops.
Click any trigger. ESC and backdrop click both close. Body scroll is locked while open.
A mini dashboard that animates as you read.
Stat cards count up, the line chart draws itself, and table rows stagger in — all powered by viewport triggers.
Stacked notifications with progress timers.
Click a trigger — toasts spring in from the right, stack with layout animations, and auto-dismiss after four seconds.
Tip: click multiple triggers in a row to see the stack animate.