Motion decision memo
Selected motion, why this motion, when to use, when not to use, risk, fallback, implementation note, and review checklist.
Find the right UI motion by seeing it move, comparing similar patterns, and copying AI-ready motion prompts.
Motion data, favorites, recent history, and compare choices stay in this browser. User-entered search text is not sent to a server.
No exact match
Try: fade, slide, hover, loading, scroll reveal, button feedback, shake error, draw checkmark.
Compare up to 4
Available for freeExpanded compare, implementation handoff, and Markdown / JSON export are available to everyone.
Implementation handoff tools
Copy implementation-ready outputs for the selected motion or export the selected motion and compare handoff. These features are free.
Framer Motion prompt
Component target, initial / animate / transition, duration, easing, reduced motion support, and forbidden motion.
CSS implementation prompt
Keyframes, class design, duration, easing, reduced-motion media query, and replay design.
Tailwind / React prompt
React component, Tailwind classes, state/replay behavior, reduced motion, and accessibility notes.
Codex task
Target files, implementation purpose, changes, acceptance criteria, reduced-motion requirements, and regression checks.
GitHub Issue
Title, background, implementation requirements, accessibility requirements, acceptance criteria, and test checklist.
Reduced motion checklist
prefers-reduced-motion, transform removal, loop stop, shake/pulse/bounce alternatives, autoplay, replay, pause, and focus impact.
Compare handoff
Compared motions, recommendation, reason, rejected alternatives, fallback, implementation note, and Codex handoff.
Favorites
Recent
Support this project
Motion Atlas is free to use. Support helps keep the catalog, demos, bilingual notes, and implementation outputs maintained.