Zero-dependency React Animation Library

mochi motion

One tiny hook. Springs, tweens and presets with 60fps performance. Try the playground below.

Playground · click a preset, then a card

Spring
😀

Tween
🎨

Preset
⚡

Keyframes
🎯

// npm i mochi-motion
import { useSpring } from 'mochi-motion';

const { value } = useSpring(() => 1, {
  from: 0, stiffness: 170, damping: 12,
});