---
id: dylanfeltus/skills/motion-design-patterns
version: "d9cb2a9d"
license: none
install: manual
updated: 2026-03-14
---

# Motion Design Patterns — Motion Design Patterns teaches you how to build polished React animations with Motion, covering springs, staggered lists, layout animations, exit effects, hover interactions, scroll-triggered reveals, and page transitions. Each pattern includes tuned spring configs and anti-patterns to avoid janky motion.

Publisher: dylanfeltus · Stars: 177 · Updated: 2026-03-14

Install (manual): `git clone https://github.com/dylanfeltus/skills`

*Unlicensed repository - metadata only, no file contents reproduced.*

[View on SkillFed](https://skillfed.io/dylanfeltus/skills/motion-design-patterns) · [View on GitHub](https://github.com/dylanfeltus/skills)