/web--gsap-micro-interactions

/web--gsap-micro-interactions is a Claude Code skill in the Web & Design section. Implements micro-interactions in React with GSAP: custom cursors, magnetic buttons, tilt cards, spotlight effects and scroll indicators.

Author's description

Premium micro-interactions — GSAP custom cursors, magnetic buttons, tilt cards, spotlight effects, button animations, scroll indicators

How to ask for it

/web--gsap-micro-interactions add a custom cursor to my site
/web--gsap-micro-interactions create tilt-effect cards on hover
/web--gsap-micro-interactions make a magnetic button for the call to action

Install

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

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

Demo coming soon

/web--gsap-page-transitionsPage transitions with GSAP
Builds page transitions for React and Next.js with GSAP: overlay wipes, shared-element transitions and coordinated route animations.
Built here
/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

How to ask for it

Install

More from this section