1 Javascript Split Animations

This collection is your guide to creating expressive “split” animations, from text to images. Examples demonstrate how JavaScript programmatically breaks elements into parts (characters, words, or grid cells), which are then animated using GSAP and its stagger function. For maximum performance, all animations use GPU-accelerated transform and opacity, and the Intersection Observer API triggers them only upon entering the viewport. This is a comprehensive toolkit for building cinematic and smooth reveal effects.

Last updated:

thumbnail: Slider #2

Slider #2

An immersive, cinematic slider that feels like a high-budget interactive installation, thanks to its complex animations, custom cursor, and comprehensive input support.

# js sliders # gsap js # js split animation # js cursors # css clip path # css custom property variables