Motion Atlas

Motion discussions often stay too abstract. This project turns interaction ideas into concrete previewable artifacts that lower decision cost.

• Show motion capability in hiring or portfolio context.
• Review motion direction before redesign or implementation.
• Turn valuable patterns into reusable team assets.

• Motion gallery with visible previews and categorized cards.
• Template index where each motion piece can be opened on its own.
• Guidelines covering principles, performance limits, and rollout checklist.

• Preview first: see the effect before reading about it.
• Each card carries structured metadata like category, duration, and tags.
• Templates stay de-identified so they can be reused safely.

• Built with Next.js App Router and componentized motion templates.
• Shared motion tokens for enter, hover, and state-change rhythm.
• Emphasis on transform and opacity for performance-friendly animation.