Annnimate
80 copy-paste GSAP animation components for React, Vue and vanilla
A paid, copy-paste library of 80 production-grade GSAP components (verified count, target is 100), each shipped in React with useGSAP, Vue with composables, and plain HTML/CSS/JS. Coverage runs from small primitives (magnetic button, custom cursor, marquee, counter, typewriter) through scroll work (mask reveal, index wipe, image dissolve on scroll, velocity clip) to whole sections (capsule hero, radial gallery, dock footer, mega menu, gooey menu, multi-level drawer). Code is browsable free and there is a rotating free Starter Pack, but full access is a seat subscription; separate one-time Landmark Kits are sold on top. An MCP server lets Cursor and Claude Code pull components directly.
Prefer this over Motion/Framer Motion component sets when the brief is agency-grade marketing motion (curtain sliders, image trails, gooey menus, velocity-driven type) and the stack is already GSAP or plain HTML; prefer Motion Primitives or Aceternity when the project is a React app that must stay npm-installable, because Annnimate has no package and everything is pasted in. Wire up its MCP server so you pull the current source instead of guessing the GSAP timeline, and budget for the seat subscription before you promise a component. Check reduced-motion handling yourself: none of the 80 entries document it.
Why it is here. One of the few motion libraries that ships the same effect three ways (React, Vue, vanilla) and exposes it to agents over MCP, which makes heavy GSAP work reachable without hand-writing timelines.
- 80 verified GSAP components
- React, Vue and vanilla output for each
- MCP server for Cursor and Claude Code
- one-time Landmark Kits
- no npm package, copy-paste only
Verified 2026-08-15. HTTP 200. https://www.annnimate.com/ , https://www.annnimate.com/sitemap.xml , https://annnimate.com/animations/sitemap.xml (all 80 component URLs enumerated); /components and /mcp return 404
