Motion decision memo
Selected motion, why this motion, when to use, when not to use, risk, fallback, implementation note, review checklist.
Pro status
Preview modePro output samples are shown below. Unlock Pro to copy and export these outputs.
Free Motion Atlas stays useful
- Search by motion name, beginner wording, English, Japanese, use case, trigger, and visual wording.
- View motion cards with name, Japanese name, category, motion type, trigger, summary, intensity, mobile fit, a11y load, live demo, Detail, Compare, Favorite, Copy basic prompt, and Replay.
- Use live demos with Replay, Pause, 0.5x / 1x / 1.5x speed, and reduced-motion checks.
- Open detail notes: aliases, behavior, intent, use cases, not-for, better request, short AI prompt, basic CSS hint, fallback, and implementation notes.
- Compare up to 2 motions, copy short AI prompts / better request / basic CSS hint, and keep favorites/recent locally.
Pro unlocks practical outputs
- Compare up to 4 motions with visual behavior, trigger, user intent, mobile caution, implementation complexity, AI prompt clarity, recommendation, and rejected alternatives.
- Generate a Motion decision memo for the selected motion.
- Copy Framer Motion, CSS animation, Tailwind / React, Codex task, and GitHub Issue prompts.
- Generate a reduced motion checklist and compare handoff pack.
- Export Markdown and JSON for project handoff, later reference, and other-tool workflows.
Preview mode
Pro output samples are shown below. Unlock Pro to copy and export these outputs.
Pro unlocked
Common NicheWorks Pro is active in this browser. Copy and export actions are available in the main tool.
Framer Motion prompt
Component target, initial / animate / transition, duration, easing, reduced motion support, and forbidden motion.
CSS implementation prompt
CSS keyframes, class design, duration, easing, reduced-motion media query, and replay design.
Tailwind / React prompt
React component assumptions, Tailwind classes, state / replay, reduced motion, and accessibility cautions.
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.
Purchase flow
- Purchase through the common Payment Link.
- Stripe returns to
/pro/unlock/?session_id={CHECKOUT_SESSION_ID}. /assets/nw-pro.jschecks/api/pro/status.- The server-side source of truth is D1
pro_entitlementswith entitlementnicheworks_pro. - This browser stores the active helper state, then Motion Atlas reads
NWPro.getLocalStatus().
After purchase, NicheWorks Pro is enabled in this browser. It usually remains active after closing the tab or browser. You may need to unlock again on another device, another browser, private mode, or after clearing site data.
Limitations and shared foundation
- Local storage is only a helper state; D1
pro_entitlementsis the server-side source of truth. - Motion Atlas uses the common client
/assets/nw-pro.jsand common entitlementnicheworks_pro. - Motion Atlas does not create a separate Stripe product, per-tool webhook, or per-tool D1 store.
- Free motion viewing, searching, demos, reduced-motion checks, and 2-motion compare are not moved behind Pro.