SiteMotion & Animation · CSS animation collections
Interactive playground for tweaking pre-made CSS animations and copying only the keyframes you configured.
Why it’s a gem
Tree-shaking for CSS animations before that was a phrase; still unmatched UX.
Sass library generating transition and animation classes with configurable easing, delay and chaining, extracted from Foundation.
CSS classes producing tuneable shake, wobble and jitter motion via generated keyframes, with intensity and chunk variants.
153 interface animations built on spring physics rather than fixed-duration easing; tune stiffness and damping, then copy CSS, React or an AI prompt.
Tool and library for generating CSS keyframe animations from physics presets like bounce, hardbounce, sway and wobble.
CSS animation set focused on special effects — magic, bling, perspective, foolish and rotational entrances beyond the Animate.css vocabulary.
Collection of CSS3 hover effects — 2D transitions, background sweeps, icons, curls, speech bubbles — in CSS, Sass and LESS.