Skip to content
Built here

Kinetic text effects with GSAP

/web--gsap-text-fx

/web--gsap-text-fx is a Claude Code skill in the Web & Design section. 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.

Author's description

Advanced kinetic typography — GSAP text split, scramble, liquid, glitch, 3D rotation, gradient sweep, curved path text

How to ask for it

  • /web--gsap-text-fx animate this headline with a glitch effect
  • /web--gsap-text-fx make the text scramble and reassemble
  • /web--gsap-text-fx create text that follows a curved path

Install

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

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

Demo coming soon

↑↓ move · Enter open · Esc close