Animated Icons

ui

Two inline-SVG animated icons — AnimatedArrow (nudge) and AnimatedCopy (copy-to-check swap) — triggered on hover, tap, focus, or mount. Decorative and inherit their label from a parent control. Reduced-motion safe.

pnpm dlx shadcn@latest add "https://motiq.dev/r/animated-icons.json"

Sign In

Animated Icons

ui

Two inline-SVG animated icons — AnimatedArrow (nudge) and AnimatedCopy (copy-to-check swap) — triggered on hover, tap, focus, or mount. Decorative and inherit their label from a parent control. Reduced-motion safe.

pnpm dlx shadcn@latest add "https://motiq.dev/r/animated-icons.json"

motion

utils

components/motiq/animated-icons.tsx

motion

utils

components/motiq/animated-icons.tsx