Changelog

New effects and updates to GSAP Vault. Currently featuring 19 effects.

March 2026

Organic flow-field particle system with attractor physics. Particles drift like floating embers before being pulled toward the cursor on canvas.

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.

ScrollTrigger

Smooth layout animations using GSAP Flip. Grid-to-detail morph, gallery lightbox morph, and filter-and-rearrange with enter/exit animations.

Flip

Stacked cards that fan out with elastic spring animations. Hover-triggered full-width fan with click-to-front selection and scroll-scrubbed spread.

ScrollTrigger

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.

ScrollTrigger

Scroll-driven word reveal with pinned sections. Three directions: horizontal slide, vertical rise, and scale & fade. Multi-section flow with progress.

ScrollTrigger

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.

ScrollTrigger

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.

ScrollTrigger

Split text into characters, words, or lines with staggered reveal animations. Styles include fade, scale, blur, rotate, and clip mask effects.

ScrollTriggerSplitText

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.

ScrollTriggerPixiJS

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.

ScrollTrigger

Draggable gallery with infinite looping, fisheye center-scale, and momentum physics. Drag any direction to explore — cards near center grow larger.

ScrollTriggerObserver

Continuous scrolling marquees with mouse-based speed control. Rewind, pause, or fast-forward with cursor position. Uses GSAP quickTo for 60fps.

ScrollTrigger

Team/portfolio cards with 3D flip animation. Hover flip for desktop, tap for touch. Includes staggered entrance and scroll-triggered reveals.

ScrollTrigger

Want to know when new effects drop?

Follow along as we add new animations to the collection.

Browse All Effects

Your Cart

Your cart is empty

Browse Effects