Organic flow-field particle system with attractor physics. Particles drift like floating embers before being pulled toward the cursor on canvas.
Changelog
New effects and updates to GSAP Vault. Currently featuring 19 effects.
March 2026
GSAP-powered cursor trail that spawns colorful geometric shapes with elastic bounce-in, random rotation, and gravity fall-off on mouse move.
February 2026
Apple-style scroll-driven image sequence that plays through frames on a canvas element. Pin the viewport and scrub through cinematic visuals.
Smooth layout animations using GSAP Flip. Grid-to-detail morph, gallery lightbox morph, and filter-and-rearrange with enter/exit animations.
Stacked cards that fan out with elastic spring animations. Hover-triggered full-width fan with click-to-front selection and scroll-scrubbed spread.
Premium dot + ring cursor with smooth following, hover states, and spotlight reveals. Desktop-focused effect using GSAP quickTo for 60fps performance.
January 2026
Four scroll progress visualization styles using GSAP ScrollTrigger. Includes animated bar, circle, rail track, and percentage counter indicators.
Scroll-driven word reveal with pinned sections. Three directions: horizontal slide, vertical rise, and scale & fade. Multi-section flow with progress.
Pure CSS scroll-triggered entrance animations. No JavaScript required. Uses native CSS scroll-driven animations for fade, slide, and scale effects.
Grid entrance animations with directional stagger and scroll-triggered reveals. 8+ directions, 7 animation styles, hover tilt, and wave patterns.
Characters react to cursor proximity with push, pull, wave, or rotation effects. Perfect for interactive headings and navigation that respond to mouse movement.
Digital glitch effect with displacement shift, RGB chromatic aberration, and scan line styles. Perfect for cyberpunk aesthetics and attention-grabbing headers.
Split text into characters, words, or lines with staggered reveal animations. Styles include fade, scale, blur, rotate, and clip mask effects.
December 2025
Images and cards morph with viscous liquid distortion on hover or scroll. SVG filter-based — works everywhere, plus optional WebGL shader for text.
Elements attract or repel from the cursor with elastic physics. Perfect for buttons, navigation items, and CTAs on award-winning sites.
Cipher-style text animation that scrambles characters and decodes to reveal content. Scroll-triggered, hover, and auto-play modes with custom timing.
Draggable gallery with infinite looping, fisheye center-scale, and momentum physics. Drag any direction to explore — cards near center grow larger.
Continuous scrolling marquees with mouse-based speed control. Rewind, pause, or fast-forward with cursor position. Uses GSAP quickTo for 60fps.
Team/portfolio cards with 3D flip animation. Hover flip for desktop, tap for touch. Includes staggered entrance and scroll-triggered reveals.
Want to know when new effects drop?
Follow along as we add new animations to the collection.
Browse All Effects