Concepts index
Core
Easing
Scroll
Timeline
Text
SVG
React
  • gsap.context()
  • useGSAP
Frameworks
Performance
Plugins
  1. Learn
  2. React

React concepts.

Using GSAP inside React safely - the useGSAP hook, cleanup, and context.

  • gsap.context()gsap.context() is a GSAP method that collects every animation, timeline, and ScrollTrigger created inside a function so one revert() call cleans them all up at once.
  • useGSAPuseGSAP is the official React hook from @gsap/react that scopes GSAP animations to a component and cleans them up automatically on unmount.
Just shipped:Portrait RingPortrait Ring·today
Ask about Annnimate on
Weekly dropJoin 1,790+ developers and designers
ContactContact
  • How it worksHow it works
  • DocumentationDocumentation
  • MCP serverMCP server
  • Learn GSAPLearn GSAP
  • Free toolsFree tools
  • CompareCompare
  • State of Web AnimationState of Web Animation
  • ChangelogChangelog
  • RoadmapRoadmap
  • PricingPricing
  • FAQsFAQs
  • AffiliatesAffiliates
  • All componentsAll components
  • ButtonsButtons
  • ScrollScroll
  • UI ComponentsUI Components
  • ExperimentalExperimental
  • ShadersShaders
  • MenusMenus
  • SectionsSections
  • ShowcaseShowcase
  • See the KitsSee the Kits
  • What a Kit isWhat a Kit is
  • Kit vs. the LibraryKit vs. the Library

Platform

  • How it worksHow it works
  • DocumentationDocumentation
  • MCP serverMCP server
  • Learn GSAPLearn GSAP
  • Free toolsFree tools
  • CompareCompare
  • State of Web AnimationState of Web Animation
  • ChangelogChangelog
  • RoadmapRoadmap
  • PricingPricing
  • FAQsFAQs
  • AffiliatesAffiliates

Library

  • All componentsAll components
  • ButtonsButtons
  • ScrollScroll
  • UI ComponentsUI Components
  • ExperimentalExperimental
  • ShadersShaders
  • MenusMenus
  • SectionsSections
  • ShowcaseShowcase

Kits

  • See the KitsSee the Kits
  • What a Kit isWhat a Kit is
  • Kit vs. the LibraryKit vs. the Library
© 2026 Annnimate·Built byGood FellaGood Fella
PrivacyPrivacyTermsTermsCookiesCookiesRefundRefund
by Good Fella
LibraryLibraryKitsKitsNewLearnLearnDocsDocsPricingPricing
Get accessGet access

Curated, not a catalog dump.

Every component built to the bar we ship for real brands. Filter, preview live, copy in React or Vue.

Browse the libraryBrowse the library
By categoryButtonsButtonsScrollScrollUI ComponentsUI ComponentsExperimentalExperimentalShadersShadersMenusMenusSectionsSections
CollectionsAll componentsAll componentsMost popularMost popularSites built with AnnnimateSites built with Annnimate

Latest component

Portrait Ring

Depth, not breadth.

A deep, stand-alone collection built around one system. Two Kits so far: Reveal, preloaders and hero sections as one mixable system, and Menu, ten site navigation menus as one system. React, Vue, HTML / CSS / JS. Not for Webflow.

See the Menu KitSee the Menu Kit
The KitsRevealRevealMenuNewMenuNew
LearnWhat a Kit isWhat a Kit is
Stay closeRoadmapRoadmapPricingPricing

The Menu Kit

Learn the vocabulary.

Definitions and examples for the GSAP and animation concepts behind production motion. Free, citable, and cross-linked with the components that use each idea.

Open conceptsOpen concepts
ConceptsEasingEasingScrollScrollTimelineTimelineTextTextReactReactPerformancePerformancePluginsPlugins
ExplorePatternsPatternsFree toolsFree toolsComparisonsComparisons

Latest component

Portrait Ring

The Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out nowThe Menu Kit is out now
ButtonsScrollUI ComponentsExperimentalShadersMenusSectionsAll componentsMost popularSites built with Annnimate
RevealMenuNewWhat a Kit isRoadmapPricing
EasingScrollTimelineTextReactPerformancePluginsPatternsFree toolsComparisons
Docs
Pricing
Get accessGet access