Effects Gallery

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

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

Cipher-style text animation that scrambles characters and decodes to reveal content. Scroll-triggered, hover, and auto-play modes with custom timing.

Elements attract or repel from the cursor with elastic physics. Perfect for buttons, navigation items, and CTAs on award-winning sites.

Images and cards morph with viscous liquid distortion on hover or scroll. SVG filter-based — works everywhere, plus optional WebGL shader for text.

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

Digital glitch effect with displacement shift, RGB chromatic aberration, and scan line styles. Perfect for cyberpunk aesthetics and attention-grabbing headers.

Characters react to cursor proximity with push, pull, wave, or rotation effects. Perfect for interactive headings and navigation that respond to mouse movement.

Grid entrance animations with directional stagger and scroll-triggered reveals. 8+ directions, 7 animation styles, hover tilt, and wave patterns.

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

Premium dot + ring cursor with smooth following, hover states, and spotlight reveals. Desktop-focused effect using GSAP quickTo for 60fps performance.

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

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

Apple-style scroll-driven image sequence that plays through frames on a canvas element. Pin the viewport and scrub through cinematic visuals.

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.

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

Four scroll progress visualization styles using GSAP ScrollTrigger. Includes animated bar, circle, rail track, and percentage counter indicators.

Pure CSS scroll-triggered entrance animations. No JavaScript required. Uses native CSS scroll-driven animations for fade, slide, and scale effects.