Skip to content
Built here

Page transitions with GSAP

/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

↑↓ move · Enter open · Esc close