# 7 Interactive CSS animations

Cursor-reactive effects driven by the optional motion-interactive engine.

- [Jelly Hover](https://sds-motion-forge.netlify.app/animations/jelly-hover/) — `.sds-jelly-hover` — Squash + stretch spring on hover
- [Magnetic Pull](https://sds-motion-forge.netlify.app/animations/magnetic-pull/) — `.sds-magnetic-pull` — Cursor attracts chars toward it
- [Repulsion Field](https://sds-motion-forge.netlify.app/animations/repulsion-field/) — `.sds-repulsion-field` — Cursor pushes chars away
- [Scatter & Return](https://sds-motion-forge.netlify.app/animations/scatter-return/) — `.sds-scatter-return` — Hover scatters chars, leave springs home
- [Shockwave](https://sds-motion-forge.netlify.app/animations/shockwave/) — `.sds-shockwave` — Click fires a radial impulse
- [Spring Kerning](https://sds-motion-forge.netlify.app/animations/spring-kerning/) — `.sds-spring-kerning` — Mouse X expands/compresses spacing
- [Word Morph](https://sds-motion-forge.netlify.app/animations/word-morph/) — `.sds-word-morph` — Cycles through words (loop)