Effect Categories
6 curated collections grouping 17 effects by type. Find the right animation pattern for your project.
GSAP Scroll Animations
Scroll-driven animations that respond to the user as they navigate. Built with GSAP ScrollTrigger for pinning, scrubbing, and triggering at precise scroll positions.
Browse scroll effects
GSAP Text Effects
Typography-focused animations that bring headings, paragraphs, and labels to life. Character-level splits, decode sequences, and distortion effects built with GSAP and SplitText.
Browse text animations
GSAP Cursor Effects
Custom cursor animations that respond to mouse position, movement speed, and hover targets. Magnetic attraction, particle trails, and visual feedback patterns that make interfaces feel alive.
Browse cursor interactions
GSAP Hover Effects
Mouse-driven animations that activate on hover, creating responsive feedback and visual intrigue. Morphing shapes, distortion effects, and smooth layout transitions powered by GSAP.
Browse hover interactions
GSAP Image Effects
Visual-heavy animations that transform how images are displayed and interacted with. Scroll-driven sequences, draggable galleries, morphing layouts, and liquid transitions for portfolio and editorial sites.
Browse image animations
GSAP Card Animations
Card-based animation patterns for grids, galleries, and interactive layouts. 3D perspective flips, elastic stacking, staggered reveals, and smooth layout transitions that make card interfaces feel dynamic.
Browse card effectsLooking for something specific?
Browse All Effects