Chop

word handles

Words

Editorial word-level effects for headlines and short phrases.

All demos

Sharp words, soft glyphs: hola こんにちは 123% 🚀

Spring Scale

1const words = chop('.headline')23gsap.fromTo(words,4  { scale: 0.18, rotate: -10, y: 30, opacity: 0 },5  {6    scale: 1,7    rotate: 0,8    y: 0,9    opacity: 1,10    duration: 0.72,11    stagger: 0.055,12    ease: 'elastic.out(1, 0.46)'13  }14)