The Kit
One place to pick a component, a whole theme, a palette or a font pair - and copy exactly what you see. No package to install: read the source, take it, own it. New pieces land here almost daily.
37 pieces · MIT licensed · llms.txt + registry.json for agents and tooling
Components
Core types with clean variation sets: open one, compare its variants live, copy the single file you want.
Status chips with tone semantics (accent, good, warn, bad, neutral) in each language: lit signal chip, hairline broadsheet tag, solid painted block.
Button3 variantsPrimary, secondary and ghost actions in three committed languages: instrument pill, broadsheet plate, painted poster block. Self-contained, theme-aware, copy one file.
Card3 variantsContent panels with kicker, title, body and footer slots: edge-lit instrument panel, hairline broadsheet frame, offset poster plate.
Input3 variantsLabelled text fields with three focus behaviours: console ring, hairline accent border, sunk well with an accent underline plate.
Themes
Whole looks: colour tokens plus a matched variant of every core component, browsable as one set.
Racing-instrument console on layered indigo: mono caps, pill geometry, lit signal accents. High energy, data-forward.
Tifo4 components + tokensMatchday broadsheet on near-black: sharp corners, condensed caps with wide tracking, hairline frames, one strike accent. Flat and editorial.
Ink4 components + tokensPainted poster plates on deep oil-blue: solid cel-step shading, stacked offset colour, condensed display type. Nothing glows.
Font pairs
Display, body and code faces that work together - each specimen renders in the real fonts, with the next/font recipe ready to copy.
Machinery
Engine patterns, hooks and helpers, kept as honest reference source with provenance attached.
Patterns
Per-lap / per-driver series (lap times, race trace, gap-to-leader, sectors) built by REPLAYING the event stream rather than reading cursor selectors. Memoized on (bundle, events.length). Pure + engine-agnostic.
Momentum Curve & IncidentsF1PeakA derived session-intensity 'momentum' curve (weighted, smoothed, 0..1 across 200 bins) + kinematic incident detection (cars stopped on track) fused with race control. Memoized.
Resample Spine (GPS to centerline)F1PeakThe projection spine: projects raw GPS samples onto a centerline -> arc-length s (m) + signed lateral offset d (m), with per-track metre calibration. Powers distance-aligned comparison + real lap windows. Pure, server-safe.
Telemetry AnalyticsF1PeakDriving-style + G analytics from telemetry x geometry: lateral-G (v^2 . curvature), throttle %, heavy-brake %, top/avg speed, on-track order. Honest estimates - no steering channel in the feed.
Hooks
The engine React bridge: useEngineClock (mount-once playback driver), useEngineFrame (re-render every animation frame for 60fps motion), useEngineVersion (throttled ~5/s via useSyncExternalStore). Smooth AND cheap live UI.
Live Socket & Frame Hooksthe shared kitThe shared client-hook bundle: useLiveSocket (auto-reconnecting JSON WebSocket), useRaf, useInterval, useNow, useMounted, useMediaQuery.
Utils
Dependency-free chart math: linScale with .invert (hit-testing), niceTicks (1/2/5 x 10^n), lap/gap/clock formatters, linePath. The backbone under every SVG chart.
cx (classNames)the shared kitTiny isomorphic className joiner - strings, numbers, arrays, and { class: boolean } objects, falsy-skipping. No deps.
mapLimit (concurrency)World Cup 26Concurrent async map with a concurrency cap — apply an async fn across an array running at most N at a time, preserving order. A tiny worker pool for fan-out fetches/jobs. No deps.
SWR CacheWorld Cup 26Generic in-memory stale-while-revalidate cache (TTL + inflight de-duplication) that wraps any async fetcher: serve fresh, serve stale + refresh in the background, await cold, serve last-good on error. Decoupled from WC26's ESPN service.
Track Ribbon GeometryF1PeakSynthesizes a flat 3D track ribbon from a centerline: centres + scales the circuit, offsets +/- half-width along normals, builds surface/kerb/run-off/edge geometries + per-arc coloured overlays. three geometry only.
Pieces proven in live apps arrive as Shipped (verdigris dot); new experiments start in the Lab (gold dot) and earn their stripes. Something new lands most days.