Category · sds-*

7 Interactive CSS animations

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

These effects need https://cdn.jsdelivr.net/npm/@salkomdesignstudio/sds-motion-forge/dist/motion-interactive.min.js.

All 7 interactive animations

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

Browse all categories · Installation & usage docs