Annnimate

80 copy-paste GSAP animation components for React, Vue and vanilla

Tier A · StrongAnimation LibraryBlock CollectionComponent Libraryannnimate.com

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.

For an agent

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.

Install command, framework, licence and component list.

Facts

License: Commercial license, Proprietary / all rights reserved
Pricing: Freemium, Subscription, One-time purchase, Free but account required
Framework: React, Vue, Vanilla JS, Next.js
Styling: Vanilla CSS, CSS custom properties
Distribution: Copy-paste snippet, MCP server, Web app / online tool
Platform: Web
Content type: Code
Agent readiness: MCP server, Copy-paste ready code, Login required
Accessibility: Unknown
Maturity: Actively maintained
Pricing detail: Quarterly billing: Solo EUR 20/mo (1 seat), Studio EUR 79/mo (5 seats), Studio+ EUR 169/mo (15 seats); yearly saves up to 17%. Landmark Kits EUR 149 one-time. Free rotating Starter Pack, 14-day money-back guarantee.

Components it ships

80 total

Helps you build

Homepage Features Testimonials Multi Step Form

Notable for

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

Provenance

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

Also in Motion & Interaction

annnimate.comTier A