Motion decision memo sample
Selected motion, why this motion, when to use, when not to use, risk, fallback, implementation note, and review checklist.
Niche Works / Motion decision tool
More than motion names. A motion atlas you can actually see, compare, and use with AI.
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.
Try: fade, slide, hover, loading, scroll reveal, button feedback, shake error, draw checkmark.
Motion Atlas stays free for search, live demos, detail pages, 2-motion compare, basic prompt copy, favorites, recent history, and reduced-motion checks. Pro turns your motion decision into implementation handoff outputs.
Selected motion, why this motion, when to use, when not to use, risk, fallback, implementation note, and review checklist.
Component target, initial / animate / transition, duration, easing, reduced motion support, and forbidden motion.
Keyframes, class design, duration, easing, reduced-motion media query, and replay design.
React component, Tailwind classes, state/replay behavior, reduced motion, and accessibility notes.
Target files, implementation purpose, changes, acceptance criteria, reduced-motion requirements, and regression checks.
Title, background, implementation requirements, accessibility requirements, acceptance criteria, and test checklist.
prefers-reduced-motion, transform removal, loop stop, shake/pulse/bounce alternatives, autoplay, replay, pause, and focus impact.
Compared motions, recommendation, reason, rejected alternatives, fallback, implementation note, and Codex handoff.
Copy implementation-ready outputs for the selected motion or export the selected motion and compare handoff.
Motion Atlas is free-first. Support helps keep the catalog, demos, and bilingual notes maintained.