# SVG Animation Builder

> Creates animated SVGs using GSAP (GreenSock Animation Platform) and the SVG DOM API. Generates timeline-based animations with morphing paths via flubber and scroll-triggered sequences using ScrollTrigger plugin.

- Skill: `agentskillexchange/svg-animation-builder` (Agent Skill)
- Install (CLI): `npx skillmds@latest add agentskillexchange/svg-animation-builder`
- Raw SKILL.md: https://api.skillmd.com/api/skills/agentskillexchange/svg-animation-builder/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Integrations & APIs
- Author: agentskillexchange (https://skillmd.com/u/agentskillexchange)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/agentskillexchange/svg-animation-builder

---


# SVG Animation Builder

Creates animated SVGs using GSAP (GreenSock Animation Platform) and the SVG DOM API. Generates timeline-based animations with morphing paths via flubber and scroll-triggered sequences using ScrollTrigger plugin.

## Installation

Use the upstream install or setup path that matches your environment:
- npm install gsap

Basic usage or getting-started notes:
- <a href="https://gsap.com/get-started/">Getting started guide</a>

- Source: https://github.com/greensock/GSAP
- Extracted from upstream docs: https://raw.githubusercontent.com/greensock/GSAP/HEAD/README.md

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/svg-animation-builder/)