{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "kinetiq", "homepage": "https://kinetiqui.vercel.app", "author": "Dragoon (0xDragoon) ", "items": [ { "author": "Dragoon (0xDragoon) ", "name": "pressure-button", "type": "registry:ui", "title": "Pressure Button", "description": "A button that pushes back — press squash on flick, spring rebound on snap, and a hold-to-confirm gauge ring for destructive actions.", "files": [ { "path": "registry/ui/pressure-button.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "buttons" ], "meta": { "serial": "KQ-001" } }, { "author": "Dragoon (0xDragoon) ", "name": "trace-input", "type": "registry:ui", "title": "Trace Input", "description": "Focus draws its own boundary — a stroke traces the field's perimeter, the label glides to an overline, and errors annotate themselves with a dimension line.", "files": [ { "path": "registry/ui/trace-input.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "forms" ], "meta": { "serial": "KQ-002" } }, { "author": "Dragoon (0xDragoon) ", "name": "checkbox", "type": "registry:ui", "title": "Checkbox", "description": "The tick is drawn, not shown — a pathLength stroke on flick, an indeterminate dash that slides in, and group select-alls that cascade down the list.", "files": [ { "path": "registry/ui/checkbox.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "forms" ], "meta": { "serial": "KQ-004" } }, { "author": "Dragoon (0xDragoon) ", "name": "breaker-switch", "type": "registry:ui", "title": "Breaker Switch", "description": "A toggle with mechanical conviction — the thumb stretches in anticipation while held, throws on snap, and squashes against the track end as the rail recoils.", "files": [ { "path": "registry/ui/breaker-switch.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "forms" ], "meta": { "serial": "KQ-003" } }, { "author": "Dragoon (0xDragoon) ", "name": "caliper-slider", "type": "registry:ui", "title": "Caliper Slider", "description": "Reads like a vernier, moves like grease — 1:1 drag with a snap settle, ticks that lean toward the jaw, and a live measured-span dimension line in range mode.", "files": [ { "path": "registry/ui/caliper-slider.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "forms" ], "meta": { "serial": "KQ-005" } }, { "author": "Dragoon (0xDragoon) ", "name": "drawer-accordion", "type": "registry:ui", "title": "Drawer Accordion", "description": "Opens like a specimen cabinet — height glides while the inner content lags a beat behind, like paper settling in a pulled drawer.", "files": [ { "path": "registry/ui/drawer-accordion.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "disclosure" ], "meta": { "serial": "KQ-007" } }, { "author": "Dragoon (0xDragoon) ", "name": "gantry-tabs", "type": "registry:ui", "title": "Gantry Tabs", "description": "The indicator rides a rail — its leading edge glides ahead while the trailing edge lags a beat, stretching toward the destination before contracting to fit.", "files": [ { "path": "registry/ui/gantry-tabs.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "navigation" ], "meta": { "serial": "KQ-006" } }, { "author": "Dragoon (0xDragoon) ", "name": "select", "type": "registry:ui", "title": "Select", "description": "A menu that unfolds from where you asked — the panel scales from the trigger's edge, options cascade in, and a highlight bar glides between them.", "files": [ { "path": "registry/ui/select.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "forms" ], "meta": { "serial": "KQ-010" } }, { "author": "Dragoon (0xDragoon) ", "name": "morph-dialog", "type": "registry:ui", "title": "Morph Dialog", "description": "The trigger becomes the dialog — a shared-element morph glides the card you clicked into the panel it opens, and reverses on close.", "files": [ { "path": "registry/ui/morph-dialog.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "overlay" ], "meta": { "serial": "KQ-009" } }, { "author": "Dragoon (0xDragoon) ", "name": "telemetry-toast", "type": "registry:ui", "title": "Telemetry Toast", "description": "Messages that queue like readings — recoil arrivals, a depth-receding stack, swipe dismissal with velocity projection, and timers that pause under your pointer.", "files": [ { "path": "registry/ui/telemetry-toast.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "feedback" ], "meta": { "serial": "KQ-011" } }, { "author": "Dragoon (0xDragoon) ", "name": "readout", "type": "registry:ui", "title": "Readout", "description": "Numbers with momentum — per-digit vertical rolls with real carry propagation, so 199 → 200 visibly carries right to left.", "files": [ { "path": "registry/ui/readout.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "data" ], "meta": { "serial": "KQ-012" } }, { "author": "Dragoon (0xDragoon) ", "name": "focus-text", "type": "registry:ui", "title": "Focus Text", "description": "Copy that resolves under the lens — words sharpen from an 8px blur like a microscope focus-pull, cascaded under the 600ms budget.", "files": [ { "path": "registry/ui/focus-text.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "text" ], "meta": { "serial": "KQ-013" } }, { "author": "Dragoon (0xDragoon) ", "name": "scope-scrubber", "type": "registry:ui", "title": "Scope Scrubber", "description": "Drag a value; watch its physics — a scrub input with a live oscilloscope trace behind the numeral, where the settle spring's overshoot draws itself.", "files": [ { "path": "registry/ui/scope-scrubber.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "forms", "data" ], "meta": { "serial": "KQ-015" } }, { "author": "Dragoon (0xDragoon) ", "name": "gyro-card", "type": "registry:ui", "title": "Gyro Card", "description": "A card with a sense of balance — pointer tilt with real inertia that overshoots past level and rebalances when you leave, with layered parallax and tracking glare.", "files": [ { "path": "registry/ui/gyro-card.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "display" ], "meta": { "serial": "KQ-017" } }, { "author": "Dragoon (0xDragoon) ", "name": "flapboard", "type": "registry:ui", "title": "Flapboard", "description": "Split-flap departures for your data — each cell flips through intermediate characters with a column cascade, like an airport board settling.", "files": [ { "path": "registry/ui/flapboard.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "data", "text" ], "meta": { "serial": "KQ-014" } }, { "author": "Dragoon (0xDragoon) ", "name": "metronome-loader", "type": "registry:ui", "title": "Metronome Loader", "description": "Waiting, kept honest — a pendulum, a bearing cradle, or a radar sweep; give it a value and it morphs into a determinate arc gauge.", "files": [ { "path": "registry/ui/metronome-loader.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "feedback" ], "meta": { "serial": "KQ-016" } }, { "author": "Dragoon (0xDragoon) ", "name": "ticker-tape", "type": "registry:ui", "title": "Ticker Tape", "description": "A marquee with friction — hover applies drag, grabbing tracks 1:1, and a fling carries real momentum that decays back to duty speed.", "files": [ { "path": "registry/ui/ticker-tape.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "motion" ], "meta": { "serial": "KQ-020" } }, { "author": "Dragoon (0xDragoon) ", "name": "scan-reveal", "type": "registry:ui", "title": "Scan Reveal", "description": "Sections develop as the scanner passes — a scroll-linked scan line sweeps once, and content resolves beneath it with a coordinate readout riding the beam.", "files": [ { "path": "registry/ui/scan-reveal.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "motion", "scroll" ], "meta": { "serial": "KQ-021" } }, { "author": "Dragoon (0xDragoon) ", "name": "radio-group", "type": "registry:ui", "title": "Radio Group", "description": "Selection that travels, never teleports — one shared dot glides between rings while the receiving ring arms with a squash and rebounds as it lands.", "files": [ { "path": "registry/ui/radio-group.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "forms" ], "meta": { "serial": "KQ-022" } }, { "author": "Dragoon (0xDragoon) ", "name": "code-cells", "type": "registry:ui", "title": "Code Cells", "description": "Six digits, dropped into place — one hidden one-time-code input drives visual cells with digit drops, underline ticks, and a rejection nudge.", "files": [ { "path": "registry/ui/code-cells.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "forms", "authentication" ], "meta": { "serial": "KQ-023" } }, { "author": "Dragoon (0xDragoon) ", "name": "action-relay", "type": "registry:ui", "title": "Action Relay", "description": "A button that narrates the job — state labels roll through a one-line mask with a blur crossfade while the width follows the new content.", "files": [ { "path": "registry/ui/action-relay.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "buttons" ], "meta": { "serial": "KQ-024" } }, { "author": "Dragoon (0xDragoon) ", "name": "status-seal", "type": "registry:ui", "title": "Status Seal", "description": "Status, re-stamped on every change — variant swaps stamp in on recoil, a live pulse ring breathes at drift tempo, and counts carry-roll.", "files": [ { "path": "registry/ui/status-seal.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/readout.json" ], "categories": [ "display", "feedback" ], "meta": { "serial": "KQ-025" } }, { "author": "Dragoon (0xDragoon) ", "name": "slipstream", "type": "registry:ui", "title": "Slipstream", "description": "A highlight that rides in your wake — one pill glides behind hovered or focused items with a trailing-edge stretch, in any direction.", "files": [ { "path": "registry/ui/slipstream.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "navigation" ], "meta": { "serial": "KQ-026" } }, { "author": "Dragoon (0xDragoon) ", "name": "drawer", "type": "registry:ui", "title": "Drawer", "description": "A side panel on rails — slides in on glide, drags toward its edge 1:1, and a projected release past 40% lets it leave with the momentum it already has.", "files": [ { "path": "registry/ui/drawer.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "overlay" ], "meta": { "serial": "KQ-027" } }, { "author": "Dragoon (0xDragoon) ", "name": "bottom-sheet", "type": "registry:ui", "title": "Bottom Sheet", "description": "It snaps where your gesture was going — velocity-projected releases settle on the nearest snap point in the gesture's direction, with rubber-band overdrag.", "files": [ { "path": "registry/ui/bottom-sheet.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "overlay" ], "meta": { "serial": "KQ-028" } }, { "author": "Dragoon (0xDragoon) ", "name": "ledger", "type": "registry:ui", "title": "Ledger", "description": "Ten thousand rows, sixty frames — a hand-rolled virtualized table where sorting FLIPs only the rows you can see and selection cascades down the window.", "files": [ { "path": "registry/ui/ledger.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/checkbox.json" ], "categories": [ "data" ], "meta": { "serial": "KQ-030" } }, { "author": "Dragoon (0xDragoon) ", "name": "zoetrope", "type": "registry:ui", "title": "Zoetrope", "description": "Spin the drum; every frame finds its detent — panels ride the inside of a cylinder with drag inertia, wheel steps, and angular-distance dimming.", "files": [ { "path": "registry/ui/zoetrope.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "display" ], "meta": { "serial": "KQ-031" } }, { "author": "Dragoon (0xDragoon) ", "name": "flux-canvas", "type": "registry:ui", "title": "Flux Canvas", "description": "A gradient with a pulse — a tiny WebGL2 shader drives a drifting color mesh or a domain-warped noise field, tinted from your theme tokens.", "files": [ { "path": "registry/ui/flux-canvas.tsx", "type": "registry:ui" } ], "dependencies": [], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "backgrounds" ], "meta": { "serial": "KQ-034" } }, { "author": "Dragoon (0xDragoon) ", "name": "wavefield", "type": "registry:ui", "title": "Wavefield", "description": "Ambient physics, drawn on canvas — interference lattices, drifting contours, breathing grids, and particle fields that pause when unseen.", "files": [ { "path": "registry/ui/wavefield.tsx", "type": "registry:ui" } ], "dependencies": [], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "backgrounds" ], "meta": { "serial": "KQ-032" } }, { "author": "Dragoon (0xDragoon) ", "name": "phase-switch", "type": "registry:ui", "title": "Phase Switch", "description": "Day to night in one clean sweep — a framework-agnostic theme toggle that reveals the new theme as a circle growing from the button, via the View Transitions API.", "files": [ { "path": "registry/ui/phase-switch.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "controls" ], "meta": { "serial": "KQ-033" } }, { "author": "Dragoon (0xDragoon) ", "name": "cipher-text", "type": "registry:ui", "title": "Cipher Text", "description": "Characters lock in from the noise — glyphs cycle deterministically, then resolve left-to-right under the 600ms cascade budget with a signal pulse per lock.", "files": [ { "path": "registry/ui/cipher-text.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "text" ], "meta": { "serial": "KQ-029" } }, { "author": "Dragoon (0xDragoon) ", "name": "magnet-dock", "type": "registry:ui", "title": "Magnet Dock", "description": "Icons that feel the cursor coming — a cosine distance field magnifies the dock, and drag-reorder parts neighbors magnetically before snapping into a slot.", "files": [ { "path": "registry/ui/magnet-dock.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "navigation" ], "meta": { "serial": "KQ-018" } }, { "author": "Dragoon (0xDragoon) ", "name": "conveyor-list", "type": "registry:ui", "title": "Conveyor List", "description": "A queue that moves like a belt — items drift in from the feed side, brake into their slot with a squash, and lift off the belt when removed.", "files": [ { "path": "registry/ui/conveyor-list.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "data" ], "meta": { "serial": "KQ-019" } }, { "author": "Dragoon (0xDragoon) ", "name": "callout", "type": "registry:ui", "title": "Callout", "description": "A tooltip with a leader line — the label pops from the anchor while a schematic elbow line draws itself to the card.", "files": [ { "path": "registry/ui/callout.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "overlay" ], "meta": { "serial": "KQ-008" } }, { "author": "Dragoon (0xDragoon) ", "name": "kinetic-gallery", "type": "registry:ui", "title": "Kinetic Gallery", "description": "Grab the strip and throw it — release carries momentum that decays and snaps the nearest frame to the rail, with prev/next and dot controls.", "files": [ { "path": "registry/ui/kinetic-gallery.tsx", "type": "registry:ui" } ], "dependencies": [ "motion", "lucide-react" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "navigation" ], "meta": { "serial": "KQ-035" } }, { "author": "Dragoon (0xDragoon) ", "name": "tile-grid", "type": "registry:ui", "title": "Tile Grid", "description": "Drag a tile and the grid reflows around it — the others FLIP-glide into their new slots, with a full keyboard lift-move-drop for reordering without a mouse.", "files": [ { "path": "registry/ui/tile-grid.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "layout" ], "meta": { "serial": "KQ-036" } }, { "author": "Dragoon (0xDragoon) ", "name": "segmented-control", "type": "registry:ui", "title": "Segmented Control", "description": "A compact value picker whose raised thumb glides between segments on snap — radio-group semantics, so it selects a value rather than switching panels.", "files": [ { "path": "registry/ui/segmented-control.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "selection" ], "meta": { "serial": "KQ-037" } }, { "author": "Dragoon (0xDragoon) ", "name": "triage-deck", "type": "registry:ui", "title": "Triage Deck", "description": "A decision stack you flick through — throw a card right to accept or left to reject, a velocity-projected release commits, and the next card rises from behind.", "files": [ { "path": "registry/ui/triage-deck.tsx", "type": "registry:ui" } ], "dependencies": [ "motion", "lucide-react" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "physics" ], "meta": { "serial": "KQ-038" } }, { "author": "Dragoon (0xDragoon) ", "name": "spark-chart", "type": "registry:ui", "title": "Spark Chart", "description": "A compact line or area chart that draws itself on arrival, then lets you scrub a crosshair that snaps to the nearest point and reads its value.", "files": [ { "path": "registry/ui/spark-chart.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "data" ], "meta": { "serial": "KQ-039" } }, { "author": "Dragoon (0xDragoon) ", "name": "radial-bars", "type": "registry:ui", "title": "Radial Bars", "description": "A polar bar chart — wedges radiate from a hub, each growing to its value on the glide spring; hover or focus a wedge to brighten it and read its value in the hub.", "files": [ { "path": "registry/ui/radial-bars.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "data" ], "meta": { "serial": "KQ-040" } }, { "author": "Dragoon (0xDragoon) ", "name": "coverflow", "type": "registry:ui", "title": "Coverflow", "description": "A cover gallery in perspective — the active card faces you while its neighbors bank away and recede, and any card you steer to glides to the front.", "files": [ { "path": "registry/ui/coverflow.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-041" } }, { "author": "Dragoon (0xDragoon) ", "name": "parallax-scene", "type": "registry:ui", "title": "Parallax Scene", "description": "A depth-layered diorama that parades its layers past the pointer — each sits at its own depth, the whole scene tilts toward your cursor and drifts back on leave.", "files": [ { "path": "registry/ui/parallax-scene.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-042" } }, { "author": "Dragoon (0xDragoon) ", "name": "tether-rope", "type": "registry:ui", "title": "Tether Rope", "description": "A hanging rope you grab and swing — a Verlet chain with gravity and length constraints, so it whips, goes taut, and settles like real cord.", "files": [ { "path": "registry/ui/tether-rope.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "physics" ], "meta": { "serial": "KQ-043" } }, { "author": "Dragoon (0xDragoon) ", "name": "pendulum-wave", "type": "registry:ui", "title": "Pendulum Wave", "description": "A rank of pendulums whose periods step apart — released together they drift through traveling waves and snap back into alignment on a fixed cycle.", "files": [ { "path": "registry/ui/pendulum-wave.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "physics" ], "meta": { "serial": "KQ-044" } }, { "author": "Dragoon (0xDragoon) ", "name": "rubber-sheet", "type": "registry:ui", "title": "Rubber Sheet", "description": "A taut mesh you pull toward the pointer with a smooth falloff; release and the vertices fire home, ringing through equilibrium twice before they settle.", "files": [ { "path": "registry/ui/rubber-sheet.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "physics" ], "meta": { "serial": "KQ-045" } }, { "author": "Dragoon (0xDragoon) ", "name": "iron-filings", "type": "registry:ui", "title": "Iron Filings", "description": "A canvas lattice of dash filings that align to the cursor like iron around a magnetic pole — near the pointer they snap radial and brighten, far off they relax and dim.", "files": [ { "path": "registry/ui/iron-filings.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "backgrounds" ], "meta": { "serial": "KQ-046" } }, { "author": "Dragoon (0xDragoon) ", "name": "swarm-field", "type": "registry:ui", "title": "Swarm Field", "description": "A canvas flock of boids that murmur with emergent flocking and scatter from the cursor, then regroup — separation, alignment, cohesion, and flee, on a spatial hash.", "files": [ { "path": "registry/ui/swarm-field.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "backgrounds" ], "meta": { "serial": "KQ-047" } }, { "author": "Dragoon (0xDragoon) ", "name": "magnetic-cursor", "type": "registry:ui", "title": "Magnetic Cursor", "description": "A pointer layer for fine cursors — a drift-lagged spotlight trails the cursor and any MagneticTarget leans toward it, then springs back; inert on touch and reduced motion.", "files": [ { "path": "registry/ui/magnetic-cursor.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "cursor" ], "meta": { "serial": "KQ-048" } }, { "author": "Dragoon (0xDragoon) ", "name": "aurora-ribbon", "type": "registry:ui", "title": "Aurora Ribbon", "description": "Slow sinusoidal ribbons of light that undulate across the field like an aurora and bend toward the pointer — a calm, luminous canvas backdrop.", "files": [ { "path": "registry/ui/aurora-ribbon.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "backgrounds" ], "meta": { "serial": "KQ-049" } }, { "author": "Dragoon (0xDragoon) ", "name": "point-globe", "type": "registry:ui", "title": "Point Globe", "description": "A globe of points on a Fibonacci sphere that drifts on its own and spins under your drag, carrying angular momentum — near points brighten, the far side dims.", "files": [ { "path": "registry/ui/point-globe.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-050" } }, { "author": "Dragoon (0xDragoon) ", "name": "voronoi-shatter", "type": "registry:ui", "title": "Voronoi Shatter", "description": "A Voronoi tessellation that fractures outward from your tap — shards fly, rotate, and fade, then ring back into place and reseal on the recoil spring.", "files": [ { "path": "registry/ui/voronoi-shatter.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "backgrounds" ], "meta": { "serial": "KQ-051" } }, { "author": "Dragoon (0xDragoon) ", "name": "comet-cursor", "type": "registry:ui", "title": "Comet Cursor", "description": "A contained field where the pointer drags a luminous comet — a bright head with a tapering tail that thickens with speed and collapses when you rest.", "files": [ { "path": "registry/ui/comet-cursor.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "cursor" ], "meta": { "serial": "KQ-052" } }, { "author": "Dragoon (0xDragoon) ", "name": "ripple-surface", "type": "registry:ui", "title": "Ripple Surface", "description": "Tap the surface and a wavefront propagates out; tap again and the rings overlap into visible interference — a calm canvas pond that answers every touch.", "files": [ { "path": "registry/ui/ripple-surface.tsx", "type": "registry:ui" } ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "backgrounds" ], "meta": { "serial": "KQ-053" } }, { "author": "Dragoon (0xDragoon) ", "name": "flow-diagram", "type": "registry:ui", "title": "Flow Diagram", "description": "A Sankey flow — nodes in columns, links sized to their value with a marching-dash current, and a hover that traces a node's whole upstream and downstream path.", "files": [ { "path": "registry/ui/flow-diagram.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "data" ], "meta": { "serial": "KQ-054" } }, { "author": "Dragoon (0xDragoon) ", "name": "timeline-spine", "type": "registry:ui", "title": "Timeline Spine", "description": "A scroll-linked timeline — a playhead rides the spine as you scroll, the spine fills behind it, and each event pops in as the head reaches it.", "files": [ { "path": "registry/ui/timeline-spine.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "motion" ], "meta": { "serial": "KQ-055" } }, { "author": "Dragoon (0xDragoon) ", "name": "pull-to-refresh", "type": "registry:ui", "title": "Pull to Refresh", "description": "Over-pull the list past a calibrated detent and release — it holds to refresh, then settles back as the fresh rows cascade in.", "files": [ { "path": "registry/ui/pull-to-refresh.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "physics" ], "meta": { "serial": "KQ-056" } }, { "author": "Dragoon (0xDragoon) ", "name": "orbit-menu", "type": "registry:ui", "title": "Orbit Menu", "description": "Items ring a hub and rotate on a weighted dial — flick the ring and it flings, then snaps the nearest item into the active detent at the top.", "files": [ { "path": "registry/ui/orbit-menu.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "navigation" ], "meta": { "serial": "KQ-057" } }, { "author": "Dragoon (0xDragoon) ", "name": "spark-burst", "type": "registry:ui", "title": "Spark Burst", "description": "A calibrated celebration, not confetti — call fire() and a tight radial burst of hairline rays and a fast ring shoots out and fades, monochrome with a signal glint.", "files": [ { "path": "registry/ui/spark-burst.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "delight" ], "meta": { "serial": "KQ-058" } }, { "author": "Dragoon (0xDragoon) ", "name": "heart-tap", "type": "registry:ui", "title": "Heart Tap", "description": "A like that celebrates — the heart squashes then pops, a tight ring of sparks bursts once, and the count rolls up; un-liking deflates and rolls back down.", "files": [ { "path": "registry/ui/heart-tap.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "delight" ], "meta": { "serial": "KQ-059" } }, { "author": "Dragoon (0xDragoon) ", "name": "reaction-fly", "type": "registry:ui", "title": "Reaction Fly", "description": "Press to bloom a reaction picker; choosing one sends a copy flying up — rising, drifting, and fading on its own jittered path — while its tally ticks up.", "files": [ { "path": "registry/ui/reaction-fly.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "delight" ], "meta": { "serial": "KQ-060" } }, { "author": "Dragoon (0xDragoon) ", "name": "facet-cube", "type": "registry:ui", "title": "Facet Cube", "description": "A six-face content cube with real CSS geometry — drag to rotate with per-pixel resistance, release and it snaps both axes to the nearest 90° detent, or walk faces with the arrow keys; the facing face is announced on settle.", "files": [ { "path": "registry/ui/facet-cube.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-071" } }, { "author": "Dragoon (0xDragoon) ", "name": "prism-flip", "type": "registry:ui", "title": "Prism Flip", "description": "A triangular prism that rolls toward the viewer between three panels — tap to advance, drag vertically against the detents, or step with the arrow keys; true equilateral geometry with edge shading.", "files": [ { "path": "registry/ui/prism-flip.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-072" } }, { "author": "Dragoon (0xDragoon) ", "name": "coin-toggle", "type": "registry:ui", "title": "Coin Toggle", "description": "A switch struck as a coin — it flips 180° in true perspective on every toggle, always forward, and lands with an edge-wobble on the recoil spring; faces are yours to mint.", "files": [ { "path": "registry/ui/coin-toggle.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-073" } }, { "author": "Dragoon (0xDragoon) ", "name": "dice-roll", "type": "registry:ui", "title": "Dice Roll", "description": "Hold to charge — the die swells and shivers while an arc fills — then release to tumble two full turns and land on a face you chose: outcomes come from a prop or a fixed sequence, never chance.", "files": [ { "path": "registry/ui/dice-roll.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-074" } }, { "author": "Dragoon (0xDragoon) ", "name": "gimbal-dial", "type": "registry:ui", "title": "Gimbal Dial", "description": "A two-axis picker built as nested rings in perspective — spin the outer band for one value and the inner for the other; flicks carry momentum, releases settle on detents, and a hub reads both channels live.", "files": [ { "path": "registry/ui/gimbal-dial.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-075" } }, { "author": "Dragoon (0xDragoon) ", "name": "rolodex-list", "type": "registry:ui", "title": "Rolodex List", "description": "Records on a vertical wheel — drag, scroll a notch at a time, or arrow through; cards flip over the crest, the front record carries the accent, and Enter pulls it. A selection control, not a display drum.", "files": [ { "path": "registry/ui/rolodex-list.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-076" } }, { "author": "Dragoon (0xDragoon) ", "name": "wheel-picker", "type": "registry:ui", "title": "Wheel Picker", "description": "A value picker built as a recessed drum — options curve beneath a fixed selection window, drags carry momentum into detents, every landing ticks the window caps, and letter keys typeahead straight to an option.", "files": [ { "path": "registry/ui/wheel-picker.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-077" } }, { "author": "Dragoon (0xDragoon) ", "name": "flip-mosaic", "type": "registry:ui", "title": "Flip Mosaic", "description": "Two boards on one grid — every tile carries an A face and a B face, and toggling sweeps a cascade of Y-flips across the mosaic from your chosen origin, always inside the choreography budget.", "files": [ { "path": "registry/ui/flip-mosaic.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-078" } }, { "author": "Dragoon (0xDragoon) ", "name": "orrery", "type": "registry:ui", "title": "Orrery", "description": "Bodies orbit a hub on inclined elliptical paths — inner rings run faster, the whole system pauses when unwatched, and clicking a body flies it forward into a focus card until Escape sends it home.", "files": [ { "path": "registry/ui/orrery.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-079" } }, { "author": "Dragoon (0xDragoon) ", "name": "balance-mobile", "type": "registry:ui", "title": "Balance Mobile", "description": "A hanging mobile with honest torque — pods hang from beams whose tilt is computed from the loads beneath them; pull a pod and every beam above re-tilts live, then the whole rig swings back through equilibrium on release.", "files": [ { "path": "registry/ui/balance-mobile.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-080" } }, { "author": "Dragoon (0xDragoon) ", "name": "ring-dial", "type": "registry:ui", "title": "Ring Dial", "description": "A lens ring in perspective — a knurled band whose detents pull the value in like magnets as you cross them; the fixed needle blinks on every land and the hub pulses the committed stop.", "files": [ { "path": "registry/ui/ring-dial.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-111" } }, { "author": "Dragoon (0xDragoon) ", "name": "z-accordion", "type": "registry:ui", "title": "Z Accordion", "description": "An accordion that spends depth instead of height — the open sheet glides to the front while the rest step back into the rack, scaled, dimmed, and stacked so every header stays in reach.", "files": [ { "path": "registry/ui/z-accordion.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-112" } }, { "author": "Dragoon (0xDragoon) ", "name": "depth-menu", "type": "registry:ui", "title": "Depth Menu", "description": "An inline menu that spends depth on hierarchy — entering a branch pushes the current level back into a hanging trail, a breadcrumb rail floats above for multi-level jumps, and focus always returns to the row you came from.", "files": [ { "path": "registry/ui/depth-menu.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-113" } }, { "author": "Dragoon (0xDragoon) ", "name": "stage-tabs", "type": "registry:ui", "title": "Stage Tabs", "description": "Tabs staged like a theater revolve — the outgoing panel sweeps to one wing as the incoming one revolves in from the other, direction following tab order, over a floor shadow that squashes with the turn.", "files": [ { "path": "registry/ui/stage-tabs.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-114" } }, { "author": "Dragoon (0xDragoon) ", "name": "card-fan", "type": "registry:ui", "title": "Card Fan", "description": "A hand of cards that fans open around a shared pivot — sweep to raise one, siblings part around it, and picking flies the card to a played slot where it lands on the recoil spring.", "files": [ { "path": "registry/ui/card-fan.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-115" } }, { "author": "Dragoon (0xDragoon) ", "name": "hallway-menu", "type": "registry:ui", "title": "Hallway Menu", "description": "A mega-menu of parallel hallways — sweeping the rail looks down each corridor in one-point perspective, doors hinge off the walls toward a far-wall plate, and the whole view swings sideways between stops.", "files": [ { "path": "registry/ui/hallway-menu.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-116" } }, { "author": "Dragoon (0xDragoon) ", "name": "deck-switcher", "type": "registry:ui", "title": "Deck Switcher", "description": "An app-switcher for views — open the deck and every view rakes back into a tilted stack; slide the rake by drag, wheel, or arrows, then commit and the chosen view zooms forward while the rest fold away.", "files": [ { "path": "registry/ui/deck-switcher.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-117" } }, { "author": "Dragoon (0xDragoon) ", "name": "flyover-map", "type": "registry:ui", "title": "Flyover Map", "description": "A scroll region with its own tilted minimap — districts sized to their sections, a live viewport indicator riding the scroll, and a click that flies the view to any district on the glide spring.", "files": [ { "path": "registry/ui/flyover-map.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-118" } }, { "author": "Dragoon (0xDragoon) ", "name": "gate-stepper", "type": "registry:ui", "title": "Gate Stepper", "description": "A wizard where progress is distance — every remaining gate is visible ahead, receding through the current one; advancing sweeps the active gate past the camera while the line moves up a slot, and a refused gate shakes its head.", "files": [ { "path": "registry/ui/gate-stepper.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-119" } }, { "author": "Dragoon (0xDragoon) ", "name": "hinge-nav", "type": "registry:ui", "title": "Hinge Nav", "description": "Navigation doors hinged on the frame edges — pull a side tab and the panel swings in from edge-on over the dimmed stage, bumping the frame as it lands; Escape or the stage swings it shut.", "files": [ { "path": "registry/ui/hinge-nav.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-120" } }, { "author": "Dragoon (0xDragoon) ", "name": "depth-stack", "type": "registry:ui", "title": "Depth Stack", "description": "A face-on pile of layers browsed along the z-axis — scroll a notch, drag, or arrow through; the active layer sits crisp while the rest recede into a stepped skyline of peeking headers.", "files": [ { "path": "registry/ui/depth-stack.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-061" } }, { "author": "Dragoon (0xDragoon) ", "name": "peek-portal", "type": "registry:ui", "title": "Peek Portal", "description": "A framed aperture with a scene that counter-shifts against the frame as you lean around it — two layers moving oppositely sell the depth — and a click that zooms through the portal into the full view.", "files": [ { "path": "registry/ui/peek-portal.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-062" } }, { "author": "Dragoon (0xDragoon) ", "name": "strata-scroll", "type": "registry:ui", "title": "Strata Scroll", "description": "Strata that separate as scroll passes between them — each seam hides an interlayer note that wakes at the viewport center while the upper plate leans back and the lower leans forward, all scrubbed 1:1 from scroll through transforms alone.", "files": [ { "path": "registry/ui/strata-scroll.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-063" } }, { "author": "Dragoon (0xDragoon) ", "name": "hover-relief", "type": "registry:ui", "title": "Hover Relief", "description": "A tile grid that extrudes toward the cursor like a relief map — a gaussian falloff lifts neighbors proportionally on pure motion-value writes, focus raises a tile to full height, and clicks pop on the recoil spring.", "files": [ { "path": "registry/ui/hover-relief.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-064" } }, { "author": "Dragoon (0xDragoon) ", "name": "focus-rack", "type": "registry:ui", "title": "Focus Rack", "description": "Layered planes at staggered depths with one in focus — the rest wait soft and dim behind it; racking focus dollies the chosen plane forward on the glide spring while the previous one settles back into the blur.", "files": [ { "path": "registry/ui/focus-rack.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-065" } }, { "author": "Dragoon (0xDragoon) ", "name": "layer-peel", "type": "registry:ui", "title": "Layer Peel", "description": "Drag the corner grip and the top sheet peels back on its left hinge, shading as it lifts while the layer beneath rises to meet it — release past the detent to tear it away, release early and it recoils shut.", "files": [ { "path": "registry/ui/layer-peel.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-066" } }, { "author": "Dragoon (0xDragoon) ", "name": "slice-compare", "type": "registry:ui", "title": "Slice Compare", "description": "A comparison divider struck as a blade — it leans into the cut as you drag and swings back plumb on release, parting two scenes with cast shadows on both sides of the edge.", "files": [ { "path": "registry/ui/slice-compare.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-067" } }, { "author": "Dragoon (0xDragoon) ", "name": "depth-lens", "type": "registry:ui", "title": "Depth Lens", "description": "An x-ray lens that chases the pointer on the glide spring and cuts through the surface to the layer beneath — the aperture is a registered second copy, so the two layers line up perfectly under the glass.", "files": [ { "path": "registry/ui/depth-lens.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-068" } }, { "author": "Dragoon (0xDragoon) ", "name": "altitude-list", "type": "registry:ui", "title": "Altitude List", "description": "Readings that float at altitudes — every plate lifts off its ground line in proportion to its value, casting a contact shadow that lengthens with height; re-sorting flies the plates to their new rank while the altitudes hold.", "files": [ { "path": "registry/ui/altitude-list.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-069" } }, { "author": "Dragoon (0xDragoon) ", "name": "horizon-rise", "type": "registry:ui", "title": "Horizon Rise", "description": "Sections that rise from below a ground-plane horizon — each lies tipped back beyond the line until scroll carries it into view, then stands upright on the glide spring beneath a converging ground grid.", "files": [ { "path": "registry/ui/horizon-rise.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-070" } }, { "author": "Dragoon (0xDragoon) ", "name": "glass-pane", "type": "registry:ui", "title": "Glass Pane", "description": "Stacked translucent sheets that separate in depth when your hand arrives — each glass slides out along its own diagonal on the glide spring while a specular highlight tracks the pointer across the top sheet.", "files": [ { "path": "registry/ui/glass-pane.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-091" } }, { "author": "Dragoon (0xDragoon) ", "name": "foil-card", "type": "registry:ui", "title": "Foil Card", "description": "A holographic foil card where only the light moves — the sheen chases the pointer across fine striping, rotating hue with the travel, and pressing stamps a bright flash into the foil.", "files": [ { "path": "registry/ui/foil-card.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-092" } }, { "author": "Dragoon (0xDragoon) ", "name": "slat-wall", "type": "registry:ui", "title": "Slat Wall", "description": "A louver wall — content sliced across horizontal slats that each rotate on their own axis in a cascading wave to swap between two faces; every slat is a window onto the full face, so any content survives the slicing.", "files": [ { "path": "registry/ui/slat-wall.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-093" } }, { "author": "Dragoon (0xDragoon) ", "name": "fold-out", "type": "registry:ui", "title": "Fold Out", "description": "An origami strip unfolding in staged hinges — one progress spring drives every crease, each panel's hinge mapped to a later slice of the travel so the sheet opens stage by stage with shading lifting as each fold flattens.", "files": [ { "path": "registry/ui/fold-out.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-094" } }, { "author": "Dragoon (0xDragoon) ", "name": "curtain-lift", "type": "registry:ui", "title": "Curtain Lift", "description": "A draped curtain of sine-fold strips over a stage — raising it sends the folds up with a center-out stagger so the hem travels as a wave, or part mode compresses the halves toward the wings.", "files": [ { "path": "registry/ui/curtain-lift.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-096" } }, { "author": "Dragoon (0xDragoon) ", "name": "mirror-hall", "type": "registry:ui", "title": "Mirror Hall", "description": "A hall of mirrors — the plate recedes through scaled, dimmed, alternately-flipped copies toward a vanishing point, and the corridor bends toward the pointer with the deepest reflections swinging farthest.", "files": [ { "path": "registry/ui/mirror-hall.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-097" } }, { "author": "Dragoon (0xDragoon) ", "name": "height-field", "type": "registry:ui", "title": "Height Field", "description": "A canvas terrain you sculpt by hand — a gaussian brush raises or carves the ground while survey isolines redraw as the field settles back toward its seeded base; the loop idles the moment nothing moves.", "files": [ { "path": "registry/ui/height-field.tsx", "type": "registry:ui" } ], "dependencies": [], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-095" } }, { "author": "Dragoon (0xDragoon) ", "name": "frost-wipe", "type": "registry:ui", "title": "Frost Wipe", "description": "A frosted pane over live content — wipe it clear with the pointer and the frost regrows after a moment of stillness; the grain is seeded per instance and the regrow loop runs only while there is frost to grow.", "files": [ { "path": "registry/ui/frost-wipe.tsx", "type": "registry:ui" } ], "dependencies": [], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-098" } }, { "author": "Dragoon (0xDragoon) ", "name": "crumple-sheet", "type": "registry:ui", "title": "Crumple Sheet", "description": "Dismiss crumples the sheet into a paper ball — a deterministic facet mesh converges over the fading content, shading by how far each triangle collapsed, and the wad sits there as a button until you smooth it back out with a settle wobble.", "files": [ { "path": "registry/ui/crumple-sheet.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-099" } }, { "author": "Dragoon (0xDragoon) ", "name": "lenticular-card", "type": "registry:ui", "title": "Lenticular Card", "description": "A ridged-lens card holding two faces — sweeping across it flips one vertical ridge at a time, the wave trailing your hand, with a sheen band riding the active ridge; a house slider gives the keyboard the same sweep.", "files": [ { "path": "registry/ui/lenticular-card.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-100" } }, { "author": "Dragoon (0xDragoon) ", "name": "vanish-type", "type": "registry:ui", "title": "Vanish Type", "description": "A statement set along a ray to its vanishing point — scroll pulls each word into the reading slot in turn while the rest recede up the ray or drift off behind, every position scrubbed 1:1 from scroll.", "files": [ { "path": "registry/ui/vanish-type.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-101" } }, { "author": "Dragoon (0xDragoon) ", "name": "extrude-title", "type": "registry:ui", "title": "Extrude Title", "description": "A headline extruded in layered shadow — the block tilts with the pointer while the extrusion counter-rotates so the light reads as fixed, and pressing crushes the depth flat before it pops back on the recoil spring.", "files": [ { "path": "registry/ui/extrude-title.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-102" } }, { "author": "Dragoon (0xDragoon) ", "name": "orbit-tags", "type": "registry:ui", "title": "Orbit Tags", "description": "A selectable tag sphere — chips ride a golden-angle lattice you can spin with momentum, arrows walk the roving tab stop while the sphere rotates each tag to the front, and selection glides its chip to face you.", "files": [ { "path": "registry/ui/orbit-tags.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-103" } }, { "author": "Dragoon (0xDragoon) ", "name": "path-type", "type": "registry:ui", "title": "Path Type", "description": "A sentence set on an undulating ribbon — scroll draws the path in while the type rides its wave, cresting and dipping with a leading tick, every position scrubbed 1:1 from scroll.", "files": [ { "path": "registry/ui/path-type.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-104" } }, { "author": "Dragoon (0xDragoon) ", "name": "billboard-run", "type": "registry:ui", "title": "Billboard Run", "description": "Headlines on angled roadside billboards — scroll drives past them down a converging road, each board growing from the vanishing point, banking by the camera, and sweeping off the frame, all scrubbed 1:1.", "files": [ { "path": "registry/ui/billboard-run.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-105" } }, { "author": "Dragoon (0xDragoon) ", "name": "turn-word", "type": "registry:ui", "title": "Turn Word", "description": "One word becomes another letter by letter — cells half-turn edge-on, swap their glyph, and land on the snap spring in a cascade, while letters the two words share hold perfectly still.", "files": [ { "path": "registry/ui/turn-word.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-106" } }, { "author": "Dragoon (0xDragoon) ", "name": "converge-quote", "type": "registry:ui", "title": "Converge Quote", "description": "A pull-quote scattered through depth — each line floats at its own distance and jitter until scroll assembles them onto one readable plane in staggered bands, the attribution arriving last under its rule.", "files": [ { "path": "registry/ui/converge-quote.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-107" } }, { "author": "Dragoon (0xDragoon) ", "name": "shadow-script", "type": "registry:ui", "title": "Shadow Script", "description": "Drag the lamp along its arc and the type's cast shadow stretches, skews, and finally becomes legible — because the shadow is a second message, sharpening as the light swings low.", "files": [ { "path": "registry/ui/shadow-script.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-108" } }, { "author": "Dragoon (0xDragoon) ", "name": "punch-type", "type": "registry:ui", "title": "Punch Type", "description": "A word die-cut through the surface — the letterforms are true SVG mask cutouts onto a vista behind, and sweeping the pointer shifts the scene so the windows fill with moving color.", "files": [ { "path": "registry/ui/punch-type.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-109" } }, { "author": "Dragoon (0xDragoon) ", "name": "helix-index", "type": "registry:ui", "title": "Helix Index", "description": "An index wound on a spiral staircase — winding the coil also travels it, so the front record always reads mid-stage; drag, scroll a notch, or arrow through, and Enter pulls the record facing you.", "files": [ { "path": "registry/ui/helix-index.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-110" } }, { "author": "Dragoon (0xDragoon) ", "name": "swing-door", "type": "registry:ui", "title": "Swing Door", "description": "A hinged door with handle physics — drag it past the detent and it swings wide on the glide spring; let go early and it slams home, shuddering the frame and puffing a dust line at the jamb.", "files": [ { "path": "registry/ui/swing-door.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-151" } }, { "author": "Dragoon (0xDragoon) ", "name": "hatch-board", "type": "registry:ui", "title": "Hatch Board", "description": "A grid of spring-loaded hatches — every lid pops open on its own snap spring to reveal the well beneath, latches shut with a click pulse, and the whole board can cascade open or closed from a corner.", "files": [ { "path": "registry/ui/hatch-board.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-152" } }, { "author": "Dragoon (0xDragoon) ", "name": "gear-train", "type": "registry:ui", "title": "Gear Train", "description": "Three meshed gears with honest ratios — drag any wheel and the transmission carries your hand to a needle on the output shaft; teeth stay interleaved at every angle by construction, and releases coast on a velocity-seeded drift.", "files": [ { "path": "registry/ui/gear-train.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-153" } }, { "author": "Dragoon (0xDragoon) ", "name": "commit-lever", "type": "registry:ui", "title": "Commit Lever", "description": "A two-stage action lever — the pull stiffens at the guard notch and the flap swings aside as you push through to arm; full travel commits with a thunk, locks, and glides home after the reset.", "files": [ { "path": "registry/ui/commit-lever.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-154" } }, { "author": "Dragoon (0xDragoon) ", "name": "crank-reel", "type": "registry:ui", "title": "Crank Reel", "description": "A hand-crank that winds progress onto a visible spool — forward turns bank units with ratchet ticks while backward cranking just chatters on the freewheel; the drum trails the handle on the glide spring.", "files": [ { "path": "registry/ui/crank-reel.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-155" } }, { "author": "Dragoon (0xDragoon) ", "name": "pulley-lift", "type": "registry:ui", "title": "Pulley Lift", "description": "A dumbwaiter on one honest travel value — haul the platform, the counterweight, or either rope fall, and the car settles to the nearest floor with an elastic arrival while the sheave turns by exactly the rope it passed.", "files": [ { "path": "registry/ui/pulley-lift.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-156" } }, { "author": "Dragoon (0xDragoon) ", "name": "combo-dials", "type": "registry:ui", "title": "Combo Dials", "description": "A combination lock of stacked cylinder dials — digits sweep the rim under your drag, settle into detents with a click, and when every dial agrees with the setting the bolt slides open.", "files": [ { "path": "registry/ui/combo-dials.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-157" } }, { "author": "Dragoon (0xDragoon) ", "name": "zipper-seam", "type": "registry:ui", "title": "Zipper Seam", "description": "Fabric halves joined by a toothed seam — draw the pull down and they part in a V above it, teeth shearing aside along the edges, with a shiver when the yank lands fully open.", "files": [ { "path": "registry/ui/zipper-seam.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-158" } }, { "author": "Dragoon (0xDragoon) ", "name": "trapdoor-drop", "type": "registry:ui", "title": "Trapdoor Drop", "description": "A two-stage disposal platform — arming slides the bolts aside while the item wobbles, confirming swings both leaves down from their outer hinges, and the item accelerates into the well past blinking depth rings before the doors clap shut.", "files": [ { "path": "registry/ui/trapdoor-drop.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-159" } }, { "author": "Dragoon (0xDragoon) ", "name": "drawbridge", "type": "registry:ui", "title": "Drawbridge", "description": "A span between two content islands — lowering pays the chains out from the gantry as the deck swings down, thumps the far abutment on the recoil, and a runner crosses once to prove the connection before the far bank wakes.", "files": [ { "path": "registry/ui/drawbridge.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-160" } }, { "author": "Dragoon (0xDragoon) ", "name": "pop-book", "type": "registry:ui", "title": "Pop Book", "description": "A pop-up spread that opens with scroll — the two page halves relax apart while hinged cutouts stand up from the center fold rank by rank, back row first, every rise scrubbed 1:1.", "files": [ { "path": "registry/ui/pop-book.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-121" } }, { "author": "Dragoon (0xDragoon) ", "name": "iso-blocks", "type": "registry:ui", "title": "Iso Blocks", "description": "An isometric block city drawn entirely in flat 2D — every cuboid is three clip-path faces shaded from one hue, so the projection is Safari-proof by construction; blocks rise to the hand and light their roofs.", "files": [ { "path": "registry/ui/iso-blocks.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-122" } }, { "author": "Dragoon (0xDragoon) ", "name": "lift-tray", "type": "registry:ui", "title": "Lift Tray", "description": "Tools that float up to your hand — each plate levitates off the tray with a contact shadow that shrinks and softens as it rises, neighbors lifting in sympathy, item shadow and ground ellipse two views of one altitude.", "files": [ { "path": "registry/ui/lift-tray.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-123" } }, { "author": "Dragoon (0xDragoon) ", "name": "shaker-dome", "type": "registry:ui", "title": "Shaker Dome", "description": "A keepsake dome over a diorama — shake it by hand and the seeded flakes swirl off the true semicircular shell, settling on gravity until the scene stands still and the loop stands down.", "files": [ { "path": "registry/ui/shaker-dome.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-124" } }, { "author": "Dragoon (0xDragoon) ", "name": "daylight-dial", "type": "registry:ui", "title": "Daylight Dial", "description": "A time-of-day dial over a skyline — one hour value drives the sky's keyframed color ramp, the sun and moon in anti-phase on their arc, sweeping building shadows with honest projection, and stars that keep their hours.", "files": [ { "path": "registry/ui/daylight-dial.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-125" } }, { "author": "Dragoon (0xDragoon) ", "name": "cutout-town", "type": "registry:ui", "title": "Cutout Town", "description": "A town plan whose buildings stand up from their plots as you scroll — each plot wakes before its band, the facade rotates upright from flat, and a base shadow widens beneath it; windows are lit deterministically per building.", "files": [ { "path": "registry/ui/cutout-town.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-126" } }, { "author": "Dragoon (0xDragoon) ", "name": "transit-window", "type": "registry:ui", "title": "Transit Window", "description": "A train window whose landscape passes with your scroll — three looping parallax bands at honest speeds, mile markers that file past on the first lap, and a cabin sway that leans only with scroll velocity.", "files": [ { "path": "registry/ui/transit-window.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-127" } }, { "author": "Dragoon (0xDragoon) ", "name": "spotlight-stage", "type": "registry:ui", "title": "Spotlight Stage", "description": "A dark stage where one sprung beam is the single truth — the rig cone and floor pool derive from it, every act brightens on a gaussian falloff as the light passes, and a click holds an act in the spot until Escape reopens the stage.", "files": [ { "path": "registry/ui/spotlight-stage.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-128" } }, { "author": "Dragoon (0xDragoon) ", "name": "pull-shelf", "type": "registry:ui", "title": "Pull Shelf", "description": "Books on an instrument ledge — a spine tips out of the rank as your hand arrives, neighbors parting around it, and pulling it flies the book forward to open into a two-page spread while a dashed gap holds its slot.", "files": [ { "path": "registry/ui/pull-shelf.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-129" } }, { "author": "Dragoon (0xDragoon) ", "name": "turn-model", "type": "registry:ui", "title": "Turn Model", "description": "An object turntable drawn live — one yaw value projects the wireframe every frame, splitting edges into dim back and inked front paths, with platter ticks riding the same matrix; drag with momentum into 15° detents.", "files": [ { "path": "registry/ui/turn-model.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-130" } }, { "author": "Dragoon (0xDragoon) ", "name": "dolly-frame", "type": "registry:ui", "title": "Dolly Frame", "description": "The vertigo push-in — scroll rushes the corridor wide with every arch scaling faster by depth while the subject holds its size dead center, letterbox bars tightening and the focal readout climbing from 24 to 85mm.", "files": [ { "path": "registry/ui/dolly-frame.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-081" } }, { "author": "Dragoon (0xDragoon) ", "name": "orbit-stage", "type": "registry:ui", "title": "Orbit Stage", "description": "A three-station specimen turntable — drag orbits the camera around the staged group, the plates billboarded so they always face you while position, scale, and stacking carry the depth; release glides on the thrown momentum and snaps a station to the front, the pedestal ring ticking off its 120-degree detents.", "files": [ { "path": "registry/ui/orbit-stage.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-082" } }, { "author": "Dragoon (0xDragoon) ", "name": "tunnel-dive", "type": "registry:ui", "title": "Tunnel Dive", "description": "A dive through receding frames — scroll flies the camera down a z-tunnel where each gate rushes from a far speck to blow past the lens, a starburst cresting between gates and the depth readout counting them off as they pass.", "files": [ { "path": "registry/ui/tunnel-dive.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-083" } }, { "author": "Dragoon (0xDragoon) ", "name": "pan-window", "type": "registry:ui", "title": "Pan Window", "description": "A wide dusk ridge behind glass — drag-pan across the panorama with rubber-resisting edges while three depth bands trail at parallax; survey markers pinned along the ridge step forward as each crosses the center third, their detail lines unfurling, and a bearing readout tracks the sweep.", "files": [ { "path": "registry/ui/pan-window.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-084" } }, { "author": "Dragoon (0xDragoon) ", "name": "zoom-atlas", "type": "registry:ui", "title": "Zoom Atlas", "description": "Semantic zoom made physical — the atlas is a grid of sectors, and clicking one flies the camera into it, the whole board scaling about that cell until it fills the frame; a breadcrumb hangs at the top to fly you back out to the overview.", "files": [ { "path": "registry/ui/zoom-atlas.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-085" } }, { "author": "Dragoon (0xDragoon) ", "name": "crane-scroll", "type": "registry:ui", "title": "Crane Scroll", "description": "A crane shot on a scroll track — the ground plane tips from an overhead plan to an eye-level elevation as you scroll, its plots standing up into view while their labels billboard to stay readable, a stage readout naming the shot from top-down through three-quarter to front.", "files": [ { "path": "registry/ui/crane-scroll.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-086" } }, { "author": "Dragoon (0xDragoon) ", "name": "look-room", "type": "registry:ui", "title": "Look Room", "description": "A room you look around from the inside — the pointer tilts the interior within a fixed field of view, five walls shaded so the corners read, and plaques pinned across them are focusable; focusing one glides the room to face it, and activating it logs the look.", "files": [ { "path": "registry/ui/look-room.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-087" } }, { "author": "Dragoon (0xDragoon) ", "name": "camera-rail", "type": "registry:ui", "title": "Camera Rail", "description": "A content monorail that rides past a fixed camera — cars recede left and right of the platform, a drag or the arrow keys drive the rail, and a release throws it on momentum before it snaps the nearest station to center under a stop marker.", "files": [ { "path": "registry/ui/camera-rail.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-088" } }, { "author": "Dragoon (0xDragoon) ", "name": "pivot-grid", "type": "registry:ui", "title": "Pivot Grid", "description": "A wall of cards that turns a corner — clicking one pivots the whole assembly a quarter turn on its hinge so the wall swings away edge-on and that card's room swings in to face you; Escape or the room's back control turns you back to the wall.", "files": [ { "path": "registry/ui/pivot-grid.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-089" } }, { "author": "Dragoon (0xDragoon) ", "name": "elevator-nav", "type": "registry:ui", "title": "Elevator Nav", "description": "Section navigation as an elevator ride — calling a floor rides the car past the floors between, a dial ticking through the numbers as they pass, and two doors part on arrival to reveal the floor; a new call shuts them and rides on.", "files": [ { "path": "registry/ui/elevator-nav.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-090" } }, { "author": "Dragoon (0xDragoon) ", "name": "terrain-relief", "type": "registry:ui", "title": "Terrain Relief", "description": "A data heightmap drawn as a rotatable wireframe terrain — the grid projects into an oblique surface you orbit by dragging, strands painter-ordered by depth and fading into the distance, and hovering a node lifts a readout of its elevation.", "files": [ { "path": "registry/ui/terrain-relief.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-141" } }, { "author": "Dragoon (0xDragoon) ", "name": "arc-routes", "type": "registry:ui", "title": "Arc Routes", "description": "Great-circle arcs lifting off a flat map — pins plot ports across the panel and each route bows a quadratic arc between two of them, arching higher the longer the hop; hovering or focusing a route brightens its arc and rides a marker along it from origin to destination.", "files": [ { "path": "registry/ui/arc-routes.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-143" } }, { "author": "Dragoon (0xDragoon) ", "name": "compass-needle", "type": "registry:ui", "title": "Compass Needle", "description": "A bearing picker with a magnetic settle — the needle tracks the pointer bearing as you drag around the rose, then on release swings the short way to the nearest cardinal detent and wobbles home like a magnetized compass; the arrow keys step it point by point.", "files": [ { "path": "registry/ui/compass-needle.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-147" } }, { "author": "Dragoon (0xDragoon) ", "name": "section-cut", "type": "registry:ui", "title": "Section Cut", "description": "Drag a cutting plane down through a layered core sample and the block above the plane clips away, opening each stratum at a hatched section face as the plane crosses it, its label called out and a depth readout tracking the cut.", "files": [ { "path": "registry/ui/section-cut.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-146" } }, { "author": "Dragoon (0xDragoon) ", "name": "blueprint-rise", "type": "registry:ui", "title": "Blueprint Rise", "description": "A flat floor plan that stands up as you scroll — the plan tilts from a top-down view to a three-quarter oblique while every wall extrudes off its floor line into a line-art model, a rise readout tracking the climb from plan to structure.", "files": [ { "path": "registry/ui/blueprint-rise.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-148" } }, { "author": "Dragoon (0xDragoon) ", "name": "explode-view", "type": "registry:ui", "title": "Explode View", "description": "A stacked assembly that separates on command — toggle it and the parts fan apart along an isometric axis in a staggered cascade, a leader line running from each part to its label; toggle back and they nest into one solid again.", "files": [ { "path": "registry/ui/explode-view.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-149" } }, { "author": "Dragoon (0xDragoon) ", "name": "radar-scope", "type": "registry:ui", "title": "Radar Scope", "description": "A polar approach scope whose sweep beam rakes the display once a cycle, lighting each contact as it crosses its bearing and leaving it to fade in afterglow; click a contact to pin a callout, or reach every one through the keyboard list beside the scope.", "files": [ { "path": "registry/ui/radar-scope.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-144" } }, { "author": "Dragoon (0xDragoon) ", "name": "matrix-rise", "type": "registry:ui", "title": "Matrix Rise", "description": "A heat grid that stands up into a bar city — toggle it and every cell extrudes into an isometric bar whose height tracks its value, the field rising in a diagonal cascade; toggle back and it lies flat as a heatmap again.", "files": [ { "path": "registry/ui/matrix-rise.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-150" } }, { "author": "Dragoon (0xDragoon) ", "name": "little-planet", "type": "registry:ui", "title": "Little Planet", "description": "Sections wrapped around a tiny planet's rim — spin the planet and each curves up to the top slot, growing to full size as it surfaces while the far side tucks behind the horizon; release snaps the nearest section home.", "files": [ { "path": "registry/ui/little-planet.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-142" } }, { "author": "Dragoon (0xDragoon) ", "name": "fisheye-grid", "type": "registry:ui", "title": "Fisheye Grid", "description": "A magnifier you sweep across a grid — tiles under the lens bulge up and spread apart in a radial fisheye, the largest riding to the front while the rest ease back to rest, and the tile at the lens center reads out as you go.", "files": [ { "path": "registry/ui/fisheye-grid.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-145" } }, { "author": "Dragoon (0xDragoon) ", "name": "star-warp", "type": "registry:ui", "title": "Star Warp", "description": "A starfield streaming past the cabin — hold to jump to warp and the stars stretch into streaks, move to steer the vanishing point toward the pointer, then release and they ease back down to a cruise.", "files": [ { "path": "registry/ui/star-warp.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-131" } }, { "author": "Dragoon (0xDragoon) ", "name": "depth-fog", "type": "registry:ui", "title": "Depth Fog", "description": "Drifting banks of fog roll across the panel at parallax depths and part around the pointer to reveal the survey beneath, closing back in the moment you move on.", "files": [ { "path": "registry/ui/depth-fog.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-132" } }, { "author": "Dragoon (0xDragoon) ", "name": "ember-column", "type": "registry:ui", "title": "Ember Column", "description": "A column of embers rises off the forge flue, each spark brightening then fading as it climbs and swaying on its own draft; sweep the pointer across and the whole stream leans toward you, easing back to vertical as you leave.", "files": [ { "path": "registry/ui/ember-column.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-133" } }, { "author": "Dragoon (0xDragoon) ", "name": "constellation-map", "type": "registry:ui", "title": "Constellation Map", "description": "A cloud of stars you turn with a drag — spin the sky and it coasts to a stop, links stitch between the stars nearest the cursor, and clicking a named star pins it with a label; the named stars are reachable from a keyboard list too.", "files": [ { "path": "registry/ui/constellation-map.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-134" } }, { "author": "Dragoon (0xDragoon) ", "name": "rain-pane", "type": "registry:ui", "title": "Rain Pane", "description": "Rain runs down a glass pane at two depths — near streaks fall fast and bright, far ones slow and faint — and tapping the glass splashes a ring of droplets wherever you touch.", "files": [ { "path": "registry/ui/rain-pane.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-135" } }, { "author": "Dragoon (0xDragoon) ", "name": "sun-shaft", "type": "registry:ui", "title": "Sun Shaft", "description": "A shaft of light crosses the atrium with dust motes drifting through it, brighter where they cross the beam; move the pointer through and the motes swirl into an eddy in your wake, settling back as you pass.", "files": [ { "path": "registry/ui/sun-shaft.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-136" } }, { "author": "Dragoon (0xDragoon) ", "name": "firefly-field", "type": "registry:ui", "title": "Firefly Field", "description": "Fireflies wander and blink at their own depths across a dusk meadow; press and hold and they gather to your hand, milling around it, then disperse back into the dark when you let go.", "files": [ { "path": "registry/ui/firefly-field.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-137" } }, { "author": "Dragoon (0xDragoon) ", "name": "vapor-ring", "type": "registry:ui", "title": "Vapor Ring", "description": "Click the still air and a ring of vapor puffs out, its turbulent edge expanding toward you and drifting up as it thins to nothing; the loop sleeps whenever the last ring has faded.", "files": [ { "path": "registry/ui/vapor-ring.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-138" } }, { "author": "Dragoon (0xDragoon) ", "name": "gravity-well", "type": "registry:ui", "title": "Gravity Well", "description": "Bodies orbit a gravity well that follows the pointer — a softened pull holds them in ellipses, motion trails streaking their paths; flick the well fast and a stream slingshots free before the field draws it back.", "files": [ { "path": "registry/ui/gravity-well.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-139" } }, { "author": "Dragoon (0xDragoon) ", "name": "paper-flight", "type": "registry:ui", "title": "Paper Flight", "description": "Folded gliders drift across the hangar at their own depths; click the sky and one launches on a bezier flight, banking to face its path and scaling with the arc before it fades at the far edge.", "files": [ { "path": "registry/ui/paper-flight.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "spatial" ], "meta": { "serial": "KQ-140" } }, { "author": "Dragoon (0xDragoon) ", "name": "chip-cloud", "type": "registry:ui", "title": "Chip Cloud", "description": "A multi-select field split in two: a tray of what you have picked and a cloud of what is left. Picking a chip flies the very same pill out of the cloud and into the tray while the survivors close the gap; picking it again flies it home.", "files": [ { "path": "registry/ui/chip-cloud.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "selection" ], "meta": { "serial": "KQ-161" } }, { "author": "Dragoon (0xDragoon) ", "name": "rating-arc", "type": "registry:ui", "title": "Rating Arc", "description": "A rating that fills along a 220-degree arc — the fill draws itself and the thumb rides the curve rather than cutting across it, while sweeping the arc paints a ghost of the score you would commit.", "files": [ { "path": "registry/ui/rating-arc.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "selection" ], "meta": { "serial": "KQ-162" } }, { "author": "Dragoon (0xDragoon) ", "name": "swatch-lock", "type": "registry:ui", "title": "Swatch Lock", "description": "A grid of colour swatches where the pick locks in: a ring draws itself around the chosen chip while the rest ease back to let it stand alone. Locking is the whole affordance — you can see what is held without reading anything.", "files": [ { "path": "registry/ui/swatch-lock.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "selection" ], "meta": { "serial": "KQ-163" } }, { "author": "Dragoon (0xDragoon) ", "name": "skeleton-weave", "type": "registry:ui", "title": "Skeleton Weave", "description": "A placeholder that holds the shape of what is coming, then hands over. A sheen sweeps each row on a diagonal, staggered down the stack so the block reads as one woven surface; when the content arrives the placeholder fades and the real thing rises the last few pixels into place.", "files": [ { "path": "registry/ui/skeleton-weave.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "feedback" ], "meta": { "serial": "KQ-166" } }, { "author": "Dragoon (0xDragoon) ", "name": "stage-progress", "type": "registry:ui", "title": "Stage Progress", "description": "Progress that admits it has parts. Each stage owns a segment: the ones behind you are filled and ticked, the one in flight fills to its own fraction or breathes when it cannot say, and the ones ahead wait as empty track — so you can see which stage is slow.", "files": [ { "path": "registry/ui/stage-progress.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "feedback" ], "meta": { "serial": "KQ-167" } }, { "author": "Dragoon (0xDragoon) ", "name": "alert-bar", "type": "registry:ui", "title": "Alert Bar", "description": "An inline notice that takes its own space rather than floating over the work. Opening glides the row down from zero height while a severity stripe draws itself down the leading edge; dismissing collapses it back and the space closes behind it, so nothing below jumps.", "files": [ { "path": "registry/ui/alert-bar.tsx", "type": "registry:ui" } ], "dependencies": [ "motion", "lucide-react" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "feedback" ], "meta": { "serial": "KQ-168" } }, { "author": "Dragoon (0xDragoon) ", "name": "status-pip", "type": "registry:ui", "title": "Status Pip", "description": "A presence dot that stays alive without shouting. Live states breathe a slow halo out and fade it; changing state morphs the dot's colour rather than cutting to it, and the status name always travels with the dot so colour is only ever a reinforcement.", "files": [ { "path": "registry/ui/status-pip.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "feedback" ], "meta": { "serial": "KQ-169" } }, { "author": "Dragoon (0xDragoon) ", "name": "retry-pulse", "type": "registry:ui", "title": "Retry Pulse", "description": "An action that carries its own outcome. Failing snaps the button sideways once, then offers the retry; retrying spins a bearing where the label was; succeeding stamps a check that draws itself and lands on the recoil spring — all through one slot, so the control never changes width.", "files": [ { "path": "registry/ui/retry-pulse.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "feedback" ], "meta": { "serial": "KQ-170" } }, { "author": "Dragoon (0xDragoon) ", "name": "type-on", "type": "registry:ui", "title": "Type On", "description": "A line that types itself out behind a caret and un-types when it is replaced. One motion value holds the revealed length and the shown substring is derived from it, so the whole run costs a single render however long the line; swapping the text backspaces the old and types the new.", "files": [ { "path": "registry/ui/type-on.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "text" ], "meta": { "serial": "KQ-171" } }, { "author": "Dragoon (0xDragoon) ", "name": "highlight-sweep", "type": "registry:ui", "title": "Highlight Sweep", "description": "A highlighter that draws itself across a phrase the moment it scrolls into view. The marker is a wash behind the text scaled from a left origin, so it fills the way a pen would rather than fading in; it runs once, then holds.", "files": [ { "path": "registry/ui/highlight-sweep.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "text" ], "meta": { "serial": "KQ-172" } }, { "author": "Dragoon (0xDragoon) ", "name": "gradient-title", "type": "registry:ui", "title": "Gradient Title", "description": "A heading painted with a sheen that follows the pointer. The gradient is clipped to the glyphs and oversized, so moving the pointer only slides its position — one motion value, no re-render — while the weight leans heavier under your hand and eases back when you leave.", "files": [ { "path": "registry/ui/gradient-title.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "text" ], "meta": { "serial": "KQ-173" } }, { "author": "Dragoon (0xDragoon) ", "name": "redact-reveal", "type": "registry:ui", "title": "Redact Reveal", "description": "Text under a redaction bar that wipes away to show the words. The bar scales off its left edge, so the line is uncovered left-to-right like a marker pulled back rather than a fade; covering it again wipes the bar closed.", "files": [ { "path": "registry/ui/redact-reveal.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "text" ], "meta": { "serial": "KQ-174" } }, { "author": "Dragoon (0xDragoon) ", "name": "balance-quote", "type": "registry:ui", "title": "Balance Quote", "description": "A pull-quote that sets itself well and arrives in order. The lines are balanced so no widow is left hanging, and on the way in the words rise and resolve one after another in a tight cascade — the eye is walked through the sentence rather than shown all of it at once.", "files": [ { "path": "registry/ui/balance-quote.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "text" ], "meta": { "serial": "KQ-175" } }, { "author": "Dragoon (0xDragoon) ", "name": "split-pane", "type": "registry:ui", "title": "Split Pane", "description": "Two panes with a divider you can move. Dragging tracks the handle one to one; on release it eases to the nearest snap — the thirds and the half — if it is close, and stays put otherwise. The grabber swells while hovered or held so the hit target announces itself.", "files": [ { "path": "registry/ui/split-pane.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "layout" ], "meta": { "serial": "KQ-176" } }, { "author": "Dragoon (0xDragoon) ", "name": "masonry-flow", "type": "registry:ui", "title": "Masonry Flow", "description": "A masonry that keeps its tiles when the set changes. Columns are laid by the browser so the count follows the width for free; when a filter drops or adds tiles, each survivor FLIPs from its old box to its new one while the ones leaving fade down and the ones arriving fade up.", "files": [ { "path": "registry/ui/masonry-flow.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "layout" ], "meta": { "serial": "KQ-177" } }, { "author": "Dragoon (0xDragoon) ", "name": "expander-tree", "type": "registry:ui", "title": "Expander Tree", "description": "A nested disclosure that opens with a little procession. Expanding a node glides its panel to height while a guide line draws down the indent and the children arrive one after another, so the hierarchy reads as it unfolds rather than snapping open.", "files": [ { "path": "registry/ui/expander-tree.tsx", "type": "registry:ui" } ], "dependencies": [ "motion", "lucide-react" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "layout" ], "meta": { "serial": "KQ-178" } }, { "author": "Dragoon (0xDragoon) ", "name": "sticky-stack", "type": "registry:ui", "title": "Sticky Stack", "description": "Scroll a run of sections and their headers stack up at the top instead of one replacing the next. Each header sticks a header-height lower than the last, piling into a legible ledger of where you are; when a section scrolls past, its header releases and peels away, uncovering the one beneath.", "files": [ { "path": "registry/ui/sticky-stack.tsx", "type": "registry:ui" } ], "dependencies": [], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json" ], "categories": [ "layout" ], "meta": { "serial": "KQ-179" } }, { "author": "Dragoon (0xDragoon) ", "name": "cursor-lens", "type": "registry:ui", "title": "Cursor Lens", "description": "A round glass that follows the pointer and magnifies whatever is beneath it. The magnified copy scales about the exact point under the cursor and a fixed circular clip travels with it, both driven off two motion values — so the glass tracks the cursor without a single render.", "files": [ { "path": "registry/ui/cursor-lens.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "cursor" ], "meta": { "serial": "KQ-180" } }, { "author": "Dragoon (0xDragoon) ", "name": "listbox-roster", "type": "registry:ui", "title": "Listbox Roster", "description": "An always-open multi-select — a roster you scan rather than a menu you poke. One highlight marker glides between rows as focus moves, ticking a row draws its check, and a running count keeps score.", "files": [ { "path": "registry/ui/listbox-roster.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "selection" ], "meta": { "serial": "KQ-164" } }, { "author": "Dragoon (0xDragoon) ", "name": "tri-toggle", "type": "registry:ui", "title": "Tri Toggle", "description": "A switch with a middle. One knob rides a three-stop track — off, a considered middle, on — gliding to the chosen stop on snap with a single crisp overshoot, keyed by a shared layoutId so the same knob travels rather than three knobs blinking.", "files": [ { "path": "registry/ui/tri-toggle.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "selection" ], "meta": { "serial": "KQ-165" } }, { "author": "Dragoon (0xDragoon) ", "name": "cursor-label", "type": "registry:ui", "title": "Cursor Label", "description": "A cursor that says what a thing does. Inside the region it rides a small dot that trails the pointer; cross an element tagged with a verb and the dot morphs into a pill carrying that word, snapping back to a dot on the way out — the guidance lives with the element.", "files": [ { "path": "registry/ui/cursor-label.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "cursor" ], "meta": { "serial": "KQ-181" } }, { "author": "Dragoon (0xDragoon) ", "name": "trail-ink", "type": "registry:ui", "title": "Trail Ink", "description": "A brush that lays wet ink under the pointer and lets it dry away. Each sample is stamped with a birth time; the loop tapers every segment by how fast you were moving and fades it as it ages, so a fast flick leaves a thin quick line and a slow drag a heavier one, then the whole stroke dries to nothing.", "files": [ { "path": "registry/ui/trail-ink.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "cursor" ], "meta": { "serial": "KQ-182" } }, { "author": "Dragoon (0xDragoon) ", "name": "reveal-stagger", "type": "registry:ui", "title": "Reveal Stagger", "description": "Wrap a group and its children arrive in sequence as it scrolls into view — each rising a little and resolving, stepped by a stagger that tightens automatically so a long list never reads as lag. It runs once, then stays put.", "files": [ { "path": "registry/ui/reveal-stagger.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "motion" ], "meta": { "serial": "KQ-183" } }, { "author": "Dragoon (0xDragoon) ", "name": "marquee-swap", "type": "registry:ui", "title": "Marquee Swap", "description": "One line at a time, rolling upward. The current line lifts out the top as the next rises from the bottom into the same clipped slot, so a run of phrases reads as a single rolling display rather than a stack.", "files": [ { "path": "registry/ui/marquee-swap.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "motion" ], "meta": { "serial": "KQ-184" } }, { "author": "Dragoon (0xDragoon) ", "name": "progress-scrub", "type": "registry:ui", "title": "Progress Scrub", "description": "A reading bar that both reports and drives. As you scroll the region its fill tracks how far through you are; grab the bar and you scrub the other way — the region scrolls to wherever you drag, so the same control shows progress and seeks with it.", "files": [ { "path": "registry/ui/progress-scrub.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "motion" ], "meta": { "serial": "KQ-185" } }, { "author": "Dragoon (0xDragoon) ", "name": "sticky-reveal", "type": "registry:ui", "title": "Sticky Reveal", "description": "A stage that stays put while the story scrolls through it. The panel pins to the top and the scroll drives which scene is lit — each cross-fades in as its stretch of the track arrives while a rail of dots marks the position, so a short sequence plays out in place.", "files": [ { "path": "registry/ui/sticky-reveal.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "motion" ], "meta": { "serial": "KQ-186" } }, { "author": "Dragoon (0xDragoon) ", "name": "confetti-pop", "type": "registry:ui", "title": "Confetti Pop", "description": "A burst of confetti with real fall to it. Each bit is thrown from the press point with a seeded spread, then pulled down by gravity, slowed by drag, spun, and faded — so the spray arcs up and rains back. Colours come from the theme, and it is deterministic: the same press throws the same shape.", "files": [ { "path": "registry/ui/confetti-pop.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/spatial.json" ], "categories": [ "delight" ], "meta": { "serial": "KQ-187" } }, { "author": "Dragoon (0xDragoon) ", "name": "sound-toggle", "type": "registry:ui", "title": "Sound Toggle", "description": "A mute switch whose sound is visible. Turning it on draws the waves out of the speaker in a quick outward stagger; muting retracts them and strikes a slash across in their place, so the state is legible at a glance without reading a word.", "files": [ { "path": "registry/ui/sound-toggle.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "delight" ], "meta": { "serial": "KQ-188" } }, { "author": "Dragoon (0xDragoon) ", "name": "sticker-peel", "type": "registry:ui", "title": "Sticker Peel", "description": "A sticker you can actually peel. Drag it and the grabbed corner curls up off the surface, a shadow pools beneath, and the card tilts away; release before the threshold and it snaps back into place, or past it and it lifts clean off to bare the dashed slot underneath. A paired button peels and re-sticks it for keyboard and pointer-free use.", "files": [ { "path": "registry/ui/sticker-peel.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "delight" ], "meta": { "serial": "KQ-189" } }, { "author": "Dragoon (0xDragoon) ", "name": "boop-mascot", "type": "registry:ui", "title": "Boop Mascot", "description": "A small face that reacts. Its eyes follow the pointer on a drift spring, and a click, tap, or Enter/Space boops it — the whole head squashes and springs back, the eyes pinch shut, the smile rounds into an open O, and the cheeks flush for a beat before it settles.", "files": [ { "path": "registry/ui/boop-mascot.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/use-pointer-tilt.json" ], "categories": [ "delight" ], "meta": { "serial": "KQ-190" } }, { "author": "Dragoon (0xDragoon) ", "name": "popover-menu", "type": "registry:ui", "title": "Popover Menu", "description": "A trigger-anchored menu that unfolds from its button on a single crisp overshoot, a small arrow tracking the trigger. It flips side or alignment when the viewport runs short so it never spills off-screen, and carries full menu semantics: roving arrow keys, Home and End, Escape and outside-click to close, and focus returned to the trigger on select.", "files": [ { "path": "registry/ui/popover-menu.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "overlays" ], "meta": { "serial": "KQ-191" } }, { "author": "Dragoon (0xDragoon) ", "name": "context-menu", "type": "registry:ui", "title": "Context Menu", "description": "A menu that springs from the point you right-click. It clamps to the viewport — flipping up or left near an edge — cascades its rows in, and opens nested submenus to the side on hover or ArrowRight. Full keyboard control: the Menu or Shift+F10 key opens it from the focused region, arrows and Home/End move, ArrowLeft steps back out of a submenu, Escape and an outside click dismiss, and focus returns to the region.", "files": [ { "path": "registry/ui/context-menu.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "overlays" ], "meta": { "serial": "KQ-192" } }, { "author": "Dragoon (0xDragoon) ", "name": "hover-card", "type": "registry:ui", "title": "Hover Card", "description": "A rich preview that expands from an inline anchor. Hovering the trigger — or focusing it — floats a card in on a single overshoot with a small arrow; the pointer can cross into the card without it closing, and it retracts a beat after you leave. The card flips above the anchor when the space below runs short.", "files": [ { "path": "registry/ui/hover-card.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "overlays" ], "meta": { "serial": "KQ-193" } }, { "author": "Dragoon (0xDragoon) ", "name": "spotlight-tour", "type": "registry:ui", "title": "Spotlight Tour", "description": "A guided onboarding tour. A dimming scrim cuts a moving spotlight over each target in turn while a popover explains it, gliding from one step to the next; the highlighted element stays lit through the dark. Arrow keys and the buttons step through, Escape or the close control ends it, focus is trapped in the popover, and the spotlight re-tracks its target on scroll and resize.", "files": [ { "path": "registry/ui/spotlight-tour.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "overlays" ], "meta": { "serial": "KQ-194" } }, { "author": "Dragoon (0xDragoon) ", "name": "gauge-cluster", "type": "registry:ui", "title": "Gauge Cluster", "description": "A row of needle gauges. On mount each needle sweeps up from rest to its value while the arc fills in behind it, and any reading in the red zone turns its arc and readout to the danger colour. Each dial reads as a meter to assistive tech.", "files": [ { "path": "registry/ui/gauge-cluster.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "data" ], "meta": { "serial": "KQ-195" } }, { "author": "Dragoon (0xDragoon) ", "name": "bar-race", "type": "registry:ui", "title": "Bar Race", "description": "A ranked bar chart that races. When the values change the bars grow or shrink and the rows swap places with a FLIP glide, so a lead change reads as one continuous overtake rather than a redraw. Presented as a list for assistive tech.", "files": [ { "path": "registry/ui/bar-race.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "data" ], "meta": { "serial": "KQ-196" } }, { "author": "Dragoon (0xDragoon) ", "name": "donut-breakdown", "type": "registry:ui", "title": "Donut Breakdown", "description": "A donut whose segments draw themselves in around the ring in turn. Hovering a slice — or focusing its legend entry — pops it outward and swaps the centre readout to that slice's share; the legend carries the full data for assistive tech.", "files": [ { "path": "registry/ui/donut-breakdown.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "data" ], "meta": { "serial": "KQ-197" } }, { "author": "Dragoon (0xDragoon) ", "name": "heat-calendar", "type": "registry:ui", "title": "Heat Calendar", "description": "A contribution heatmap. Cells wash in on a short diagonal cascade, and moving across the grid — by pointer or the arrow keys — floats a readout of that day's tally. Roving focus keeps the whole grid to a single tab stop.", "files": [ { "path": "registry/ui/heat-calendar.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "data" ], "meta": { "serial": "KQ-198" } }, { "author": "Dragoon (0xDragoon) ", "name": "breadcrumb-trail", "type": "registry:ui", "title": "Breadcrumb Trail", "description": "A breadcrumb whose separators draw themselves in as a connected trail. When the path outgrows its width the middle folds into an ellipsis that expands the hidden crumbs back in on click, and the last crumb is marked as the current page.", "files": [ { "path": "registry/ui/breadcrumb-trail.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "navigation" ], "meta": { "serial": "KQ-199" } }, { "author": "Dragoon (0xDragoon) ", "name": "pagination-rail", "type": "registry:ui", "title": "Pagination Rail", "description": "A pager with a lively active pill. Changing pages slides the filled indicator from the old number to the new one on a single overshoot, and hovering or focusing any page floats a preview above it. Prev and Next clamp at the ends.", "files": [ { "path": "registry/ui/pagination-rail.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "navigation" ], "meta": { "serial": "KQ-200" } }, { "author": "Dragoon (0xDragoon) ", "name": "stepper-flow", "type": "registry:ui", "title": "Stepper Flow", "description": "A wizard stepper. As the active step advances, the connector into each cleared step fills and its node stamps a check on a springy landing; the current node holds a ring and any earlier node can be clicked to step back.", "files": [ { "path": "registry/ui/stepper-flow.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "navigation" ], "meta": { "serial": "KQ-201" } }, { "author": "Dragoon (0xDragoon) ", "name": "newton-cradle", "type": "registry:ui", "title": "Newton's Cradle", "description": "A Newton's cradle rendered in SVG. The end ball falls, the line holds still, and the momentum pops out the far ball — a perpetual, deterministic transfer. The swing eases in on the fall and out on the rise so it reads as gravity, and the inner balls never move.", "files": [ { "path": "registry/ui/newton-cradle.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "physics" ], "meta": { "serial": "KQ-202" } }, { "author": "Dragoon (0xDragoon) ", "name": "gooey-blob", "type": "registry:ui", "title": "Gooey Blob", "description": "A cluster of metaballs that behave like one gooey mass on canvas. The lead blob chases the pointer; the others hold a loose ring and get drawn in when it passes, necks stretching between them and snapping as they part — merge and split with no seams. The union is a single filled path of circles bridged by tangent-matched bezier necks over a lightly damped spring.", "files": [ { "path": "registry/ui/gooey-blob.tsx", "type": "registry:ui" } ], "dependencies": [], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "physics" ], "meta": { "serial": "KQ-203" } }, { "author": "Dragoon (0xDragoon) ", "name": "plinko-drop", "type": "registry:ui", "title": "Plinko Drop", "description": "A Galton board on canvas. Balls drip from the top, glance off a lattice of pegs with a deterministic left-or-right nudge at each hit, and drop into the bins below — where the tally settles into a bell curve. Click the board to drop one where you point. Each ball's path is seeded from its drop index, so the whole run is reproducible.", "files": [ { "path": "registry/ui/plinko-drop.tsx", "type": "registry:ui" } ], "dependencies": [], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "physics" ], "meta": { "serial": "KQ-204" } }, { "author": "Dragoon (0xDragoon) ", "name": "range-dual", "type": "registry:ui", "title": "Range Dual", "description": "A dual-thumb range where the thumbs collide and shove. Drag one into the other and it carries the second along instead of stopping, so the span never inverts; the filled bar tracks between them and a value bubble lifts over whichever thumb is live. Both thumbs are real sliders — arrows, Home/End, and PageUp/Down all push the same way.", "files": [ { "path": "registry/ui/range-dual.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "inputs" ], "meta": { "serial": "KQ-205" } }, { "author": "Dragoon (0xDragoon) ", "name": "stepper-number", "type": "registry:ui", "title": "Stepper Number", "description": "A number spinner with weight to it. Hold a button and it accelerates from a tick to a blur; each change rolls the readout like an odometer, up or down with the direction of travel; and a push past the limit nudges and bounces back instead of doing nothing. A real spinbutton — arrows, PageUp/Down, and Home/End all work.", "files": [ { "path": "registry/ui/stepper-number.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "inputs" ], "meta": { "serial": "KQ-206" } }, { "author": "Dragoon (0xDragoon) ", "name": "tag-field", "type": "registry:ui", "title": "Tag Field", "description": "A field that turns text into tokens. Type and press Enter or comma to chip a tag in on a spring; paste a delimited list and it splits into several at once; backspace on an empty field lifts the last one back off. Removing a chip reflows the rest with a FLIP glide, and duplicates are ignored.", "files": [ { "path": "registry/ui/tag-field.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "inputs" ], "meta": { "serial": "KQ-207" } }, { "author": "Dragoon (0xDragoon) ", "name": "gradient-drift", "type": "registry:ui", "title": "Gradient Drift", "description": "An ambient backdrop of soft gradient blobs that drift and breathe past each other — pure CSS and transforms, no canvas or WebGL. Each blob follows its own slow mirrored loop at a different tempo, so the field never visibly repeats, and heavy blur melts them into a single wash behind your content.", "files": [ { "path": "registry/ui/gradient-drift.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "backgrounds" ], "meta": { "serial": "KQ-208" } }, { "author": "Dragoon (0xDragoon) ", "name": "particle-network", "type": "registry:ui", "title": "Particle Network", "description": "A drifting mesh of nodes that link up when they come close — the nearer two nodes, the brighter the thread between them. The pointer draws the nearest nodes toward it, tightening the web, then lets them wander off. Rendered flat on canvas, distinct from any 3D field.", "files": [ { "path": "registry/ui/particle-network.tsx", "type": "registry:ui" } ], "dependencies": [], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "backgrounds" ], "meta": { "serial": "KQ-209" } }, { "author": "Dragoon (0xDragoon) ", "name": "flow-field", "type": "registry:ui", "title": "Flow Field", "description": "Streaks combed by an invisible current. Each particle reads a smooth, slowly-evolving angle field and drifts along it, trailing a fading tail; when one runs off the edge or ages out it respawns elsewhere, so the field keeps flowing. The field is a closed-form sum of sines — deterministic, no noise tables.", "files": [ { "path": "registry/ui/flow-field.tsx", "type": "registry:ui" } ], "dependencies": [], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "backgrounds" ], "meta": { "serial": "KQ-210" } }, { "author": "Dragoon (0xDragoon) ", "name": "volley-thread", "type": "registry:ui", "title": "Volley Thread", "description": "A conversation where each turn arrives under its own weight. A message enters from the side that owns it, rides in on the glide spring, and settles; consecutive turns from one speaker stagger against each other on the cascade budget, so a burst reads as a run of thought rather than a dump. Speaker is carried three ways — the side it sits on, a mono label above each run, and a screen-reader name on every bubble — never by colour alone.", "files": [ { "path": "registry/ui/volley-thread.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "agent" ], "meta": { "serial": "KQ-211" } }, { "author": "Dragoon (0xDragoon) ", "name": "prompt-well", "type": "registry:ui", "title": "Prompt Well", "description": "A composer that deepens as the thought gets longer, growing line by line to a row cap and then holding and scrolling so the send control never walks down the page. Typing @ opens the sources it can draw on and / opens the commands it can run, filtered as you type; the list rises on snap, arrow keys move, Enter or Tab takes one. The field is a combobox over that list with an active descendant, so the highlighted row is announced without the caret leaving the text.", "files": [ { "path": "registry/ui/prompt-well.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "agent" ], "meta": { "serial": "KQ-212" } }, { "author": "Dragoon (0xDragoon) ", "name": "code-lathe", "type": "registry:ui", "title": "Code Lathe", "description": "A listing turned out line by line, the way an agent actually writes one — each line landing a beat behind the one above so the block builds at a readable pace instead of appearing whole. Highlighting is a single deterministic pass over comments, strings, numbers, and words: enough to read a snippet by, with no parser and nothing to load. In diff mode a leading plus or minus becomes a gutter marker and a tinted row, and is stripped from what gets copied.", "files": [ { "path": "registry/ui/code-lathe.tsx", "type": "registry:ui" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "agent" ], "meta": { "serial": "KQ-213" } }, { "author": "Dragoon (0xDragoon) ", "name": "command-deck", "type": "registry:block", "title": "Command Deck", "description": "A command palette that arms before it fires — a deliberate fill sweeps the selected row before execution, so destructive commands never feel accidental.", "files": [ { "path": "registry/blocks/command-deck/command-deck.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "application" ], "meta": { "serial": "KB-101" } }, { "author": "Dragoon (0xDragoon) ", "name": "access-panel", "type": "registry:block", "title": "Access Panel", "description": "Sign-in that unlocks like a vault — steps ride a gantry rail, OTP digits drop into their cells, and the right code throws a breaker bolt open.", "files": [ { "path": "registry/blocks/access-panel/access-panel.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/trace-input.json", "https://kinetiqui.vercel.app/r/pressure-button.json", "https://kinetiqui.vercel.app/r/code-cells.json" ], "categories": [ "authentication" ], "meta": { "serial": "KB-102" } }, { "author": "Dragoon (0xDragoon) ", "name": "iris-menu", "type": "registry:block", "title": "Iris Menu", "description": "Actions bloom from where you pressed — items launch from the trigger's center to seats along the freest quadrant's arc, and fold back in on close.", "files": [ { "path": "registry/blocks/iris-menu/iris-menu.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "menus" ], "meta": { "serial": "KB-109" } }, { "author": "Dragoon (0xDragoon) ", "name": "overflow-rail", "type": "registry:block", "title": "Overflow Rail", "description": "More actions, sprung from the dots — the pill rail morphs open inline while primaries yield with a recoil part and secondaries cascade in.", "files": [ { "path": "registry/blocks/overflow-rail/overflow-rail.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "menus" ], "meta": { "serial": "KB-110" } }, { "author": "Dragoon (0xDragoon) ", "name": "signal-center", "type": "registry:block", "title": "Signal Center", "description": "An inbox that files itself — signals arrive on the conveyor, swipe away with real velocity, and clear-all sweeps the floor in a cascade.", "files": [ { "path": "registry/blocks/signal-center/signal-center.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/readout.json" ], "categories": [ "application" ], "meta": { "serial": "KB-103" } }, { "author": "Dragoon (0xDragoon) ", "name": "media-console", "type": "registry:block", "title": "Media Console", "description": "A media island that unfolds into a console — the pill morphs open into transport, a caliper timeline, and a scope-scrubbed volume.", "files": [ { "path": "registry/blocks/media-console/media-console.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/caliper-slider.json", "https://kinetiqui.vercel.app/r/scope-scrubber.json" ], "categories": [ "application" ], "meta": { "serial": "KB-104" } }, { "author": "Dragoon (0xDragoon) ", "name": "checkout-receipt", "type": "registry:block", "title": "Checkout Receipt", "description": "Payment that prints its proof — hold to pay, then a receipt feeds out of the slot line by line, tears off, and takes a PAID stamp.", "files": [ { "path": "registry/blocks/checkout-receipt/checkout-receipt.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/pressure-button.json", "https://kinetiqui.vercel.app/r/readout.json" ], "categories": [ "commerce" ], "meta": { "serial": "KB-105" } }, { "author": "Dragoon (0xDragoon) ", "name": "intake-tray", "type": "registry:block", "title": "Intake Tray", "description": "Files land, physically — dropped files fall into the tray with a squash, shingle into a stack, fill their gauge rings, and slide to the processed rail.", "files": [ { "path": "registry/blocks/intake-tray/intake-tray.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "forms" ], "meta": { "serial": "KB-106" } }, { "author": "Dragoon (0xDragoon) ", "name": "readout-grid", "type": "registry:block", "title": "Readout Grid", "description": "Dashboard stats as instrument cards — a carry-rolling counter, a self-drawing sparkline, a split-flap delta, and a needle gauge, mounted with one cascade.", "files": [ { "path": "registry/blocks/readout-grid/readout-grid.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/readout.json", "https://kinetiqui.vercel.app/r/flapboard.json" ], "categories": [ "data" ], "meta": { "serial": "KB-107" } }, { "author": "Dragoon (0xDragoon) ", "name": "beacon", "type": "registry:block", "title": "Beacon", "description": "One capsule, every live activity — the shell morphs between timer, upload, call, and now-playing views with blur crossfades, corners pinned.", "files": [ { "path": "registry/blocks/beacon/beacon.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/readout.json" ], "categories": [ "application" ], "meta": { "serial": "KB-111" } }, { "author": "Dragoon (0xDragoon) ", "name": "field-report", "type": "registry:block", "title": "Field Report", "description": "Feedback that files itself — a notch rating with a gliding indicator, a growing note field, and a submit that folds the form into a slot under a LOGGED stamp.", "files": [ { "path": "registry/blocks/field-report/field-report.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/pressure-button.json" ], "categories": [ "feedback" ], "meta": { "serial": "KB-112" } }, { "author": "Dragoon (0xDragoon) ", "name": "not-found", "type": "registry:block", "title": "Not Found", "description": "Sweep complete, sector empty — a radar arc scans a quiet grid while the 404 numeral deciphers itself, with home and command-deck exits.", "files": [ { "path": "registry/blocks/not-found/not-found.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/cipher-text.json", "https://kinetiqui.vercel.app/r/pressure-button.json" ], "categories": [ "pages" ], "meta": { "serial": "KB-113" } }, { "author": "Dragoon (0xDragoon) ", "name": "forecast-card", "type": "registry:block", "title": "Forecast Card", "description": "Every vote moves every bar — one commit renormalizes the whole field while percentages carry-roll and the leader tick migrates to the new front-runner.", "files": [ { "path": "registry/blocks/forecast-card/forecast-card.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/readout.json" ], "categories": [ "data" ], "meta": { "serial": "KB-114" } }, { "author": "Dragoon (0xDragoon) ", "name": "balance-card", "type": "registry:block", "title": "Balance Card", "description": "A balance with a private side — the numeral carry-rolls behind a privacy blur, a sparkline draws itself, and the card flips to its activity face.", "files": [ { "path": "registry/blocks/balance-card/balance-card.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/readout.json" ], "categories": [ "finance" ], "meta": { "serial": "KB-115" } }, { "author": "Dragoon (0xDragoon) ", "name": "exchange-panel", "type": "registry:block", "title": "Exchange Panel", "description": "Two units, one clean swap — the edited side is live, the computed side carry-rolls after a debounce, and swapping keeps focus while contents trade places.", "files": [ { "path": "registry/blocks/exchange-panel/exchange-panel.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json", "https://kinetiqui.vercel.app/r/readout.json", "https://kinetiqui.vercel.app/r/select.json" ], "categories": [ "finance" ], "meta": { "serial": "KB-116" } }, { "author": "Dragoon (0xDragoon) ", "name": "launch-checklist", "type": "registry:block", "title": "Launch Checklist", "description": "Onboarding checklist where ticks draw themselves, finished steps strike through and settle to the bottom, and completing the set lands a CALIBRATED stamp.", "files": [ { "path": "registry/blocks/launch-checklist/launch-checklist.tsx", "type": "registry:block" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/utils.json", "https://kinetiqui.vercel.app/r/motion.json", "https://kinetiqui.vercel.app/r/use-motion-safe.json" ], "categories": [ "onboarding" ], "meta": { "serial": "KB-108" } }, { "author": "Dragoon (0xDragoon) ", "name": "utils", "type": "registry:lib", "title": "Utils", "description": "Class-name composition helper shared by every component.", "files": [ { "path": "registry/lib/utils.ts", "type": "registry:lib" } ], "dependencies": [ "clsx", "tailwind-merge" ] }, { "author": "Dragoon (0xDragoon) ", "name": "motion", "type": "registry:lib", "title": "Calibration Set", "description": "Kinetiq's five calibrated springs plus the tween scale, cascade budget, and exit rules — the shared physics vocabulary every component draws from.", "files": [ { "path": "registry/lib/motion.ts", "type": "registry:lib" } ], "dependencies": [ "motion" ] }, { "author": "Dragoon (0xDragoon) ", "name": "use-motion-safe", "type": "registry:hook", "title": "useMotionSafe", "description": "Single source of truth for reduced-motion decisions: combines the OS preference with an optional app-level override context.", "files": [ { "path": "registry/hooks/use-motion-safe.ts", "type": "registry:hook" } ], "dependencies": [ "motion" ] }, { "author": "Dragoon (0xDragoon) ", "name": "spatial", "type": "registry:lib", "title": "Spatial Set", "description": "The shared geometry vocabulary of the spatial instruments — house perspective range, angle detents, contact-lift shadows, orbit projection, and deterministic seeding.", "files": [ { "path": "registry/lib/spatial.ts", "type": "registry:lib" } ] }, { "author": "Dragoon (0xDragoon) ", "name": "use-pointer-tilt", "type": "registry:hook", "title": "usePointerTilt", "description": "Normalized pointer tracking mapped to sprung tilt values — the house idiom for pointer-driven perspective, with an underdamped rebalance on leave and a fine-pointer gate.", "files": [ { "path": "registry/hooks/use-pointer-tilt.ts", "type": "registry:hook" } ], "dependencies": [ "motion" ], "registryDependencies": [ "https://kinetiqui.vercel.app/r/motion.json" ] }, { "author": "Dragoon (0xDragoon) ", "name": "agents-rules", "type": "registry:file", "title": "Agent Rules", "description": "Kinetiq's operating rules for coding agents: the five-spring motion language, the tween scale, the 600ms cascade budget, the reduced-motion policy, token usage, and composition guidance. Installs as AGENTS.md at your repo root so your agent stays on the system's vocabulary.", "files": [ { "path": "registry/files/agents-rules.md", "type": "registry:file", "target": "AGENTS.md" } ] } ] }