Internal motion registry
Motion components, copied not chained.
Safari Motion is a copy-and-own component registry, installable with the shadcn CLI. Every piece ships with compatibility, performance, and accessibility metadata — no hidden runtime dependency after install.
Example Pulse
Trivial Framer Motion pulse wrapper used to prove the registry build pipeline end-to-end. Will be deleted once a real first component lands.
Glass Nav
A floating liquid-glass pill navigation bar: backdrop-blur with a gradient-mask border (WWDC 2025 liquid glass look), logo, inline links, and an accent CTA. Collapses below `md` into a hamburger that opens a focus-trapped, `inert`-backed full overlay panel (Tab/Shift+Tab wrap, Escape closes, focus returns to the trigger).
Hero Aurora
A complete, layered hero section: drifting aurora gradient wash, faint dot-grid depth layer, a pointer-reactive spotlight, the glass-nav liquid-glass navigation, and a kinetic word-pop headline with a staged entrance choreography (nav -> headline words -> subheadline -> CTAs). Ships as a ready-to-drop section, not a loose primitive.
Mouse Reactive Gradient
A surface with a soft radial gradient glow that follows the pointer, Apple-subtle spotlight style. Pointer position drives CSS custom properties directly (rAF-throttled), so it repaints without React re-renders or layout thrashing. Ships with a static fallback for touch and reduced-motion, and an opt-in subtle tilt.