/web--gsap-page-transitions

/web--gsap-page-transitions is a Claude Code skill in the Web & Design section. Builds page transitions for React and Next.js with GSAP: overlay wipes, shared-element transitions and coordinated route animations.

Author's description

GSAP page transitions — route animations, shared element transitions, overlay wipes, and seamless navigation effects

How to ask for it

/web--gsap-page-transitions add a smooth transition between pages
/web--gsap-page-transitions create a wipe effect on route change
/web--gsap-page-transitions animate a shared element between two views

Install

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

After installing with the script, type /web--gsap-page-transitions. Using Cursor, Windsurf or Codex? Platform guides

Demo coming soon

/web--gsap-preloaderAnimated preloaders with GSAP
Builds animated loading screens with GSAP: progress bars, percentage counters, animated logos, skeleton screens and cinematic intro sequences.
Built here
/web--gsap-scroll-experienceScroll animations with GSAP
Builds scroll-driven experiences with GSAP ScrollTrigger: parallax layers, pinned sections, horizontal scroll and timelines scrubbed by scroll position.
Built here
/web--gsap-svg-morphingSVG animation with GSAP
Animates SVG shapes with GSAP: path drawing, shape morphing, animated icons, blob shapes, wave dividers and motion along a path.
Built here
/web--gsap-text-fxKinetic text effects with GSAP
Builds kinetic typography with GSAP in React: split text by character or word, scramble, glitch, 3D rotation, gradient sweep and text on a curved path.
Built here
/web--landing-pageHigh-end landing page
Generates a unique, conversion-focused landing page, writing the copy first and delivering a full Next.js project; it bans the usual AI-page patterns.
Built here
/web--spa-scaffoldProduction-ready SPA scaffold
Scaffolds a production-grade single-page app: it picks the stack from your requirements and adds code splitting, error states and accessibility.
Built here

How to ask for it

Install

More from this section