Componentexperimentv0.1.0

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.

Demo

Live

npx shadcn add https://motion.thesafari.cz/r/example-pulse.json

Requires the @safari registry namespace configured in components.json, or use the raw URL above directly with the shadcn CLI.

Compatibility: React >=19.0.0 · framer-motion ^12.0.0 · Tailwind >=3.4.0 · Client-only
Browsers: chrome >= 100, safari >= 16, firefox >= 100
Mobile strategy: full
Reduced motion: Pulse animation is fully disabled via useReducedMotion(); children render statically with no scale animation.
Performance: ~2KB gzip (excluding framer-motion itself) — Animation is gated by whileInView and does not run while offscreen. No measurable layout cost; animates transform only.
Accessibility: No ARIA impact; purely visual scale animation on a wrapper div. Motion is suppressed for prefers-reduced-motion.
Known limitations: Proof-of-pipeline component only — not intended for production use.
Will be deleted once a real first component is added to the registry.
License: UNLICENSED

v0.1.0 (immutable)