Concepts index
Core
  • Callbacks
  • gsap.delayedCall()
  • gsap.getProperty()
  • gsap.registerEffect()
  • gsap.set()
  • gsap.ticker
  • gsap.to / gsap.from / gsap.fromTo
  • gsap.utils
  • immediateRender
  • snap
Easing
  • back.out
  • circ
  • CustomBounce
  • CustomEase
  • CustomWiggle
  • ease-in-out
  • easeReverse
  • elastic.out and bounce.out
  • expo.out
  • power4.out
  • rough
  • sine
  • slow
  • steps()
Scroll
  • Horizontal scroll
  • invalidateOnRefresh
  • Pinning
  • Scroll snapping
  • Scroll velocity
  • ScrollSmoother
  • ScrollToPlugin
  • ScrollTrigger
  • ScrollTrigger.batch()
  • Scrub
  • toggleActions
Timeline
  • gsap.timeline()
  • keyframes
  • Nested timelines
  • Position parameter
  • repeat & repeatDelay
  • Seamless loop
  • stagger
  • Timeline controls
  • Timeline labels
  • timeScale
  • yoyo
Text
  • ScrambleText
  • Split-text reveal
  • SplitText
  • TextPlugin
SVG
  • DrawSVG
  • MorphSVG
React
  • gsap.context()
  • useGSAP
Frameworks
  • GSAP in Vue
  • GSAP with SSR
Performance
  • autoAlpha
  • force3D
  • overwrite
  • will-change
Plugins
  • Draggable
  • Flip
  • gsap.matchMedia()
  • gsap.quickTo()
  • InertiaPlugin
  • MotionPathPlugin
  • Observer
Concepts category

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:Morphing Pill Menu·today
Ask about Annnimate on
Weekly dropJoin over 1,000+ developers and designers
Contact
  • How it works
  • Documentation
  • MCP server
  • Learn GSAP
  • Free tools
  • Compare
  • State of Web Animation
  • Changelog
  • Roadmap
  • Pricing
  • FAQs
  • All components
  • Buttons
  • Scroll
  • UI Components
  • Experimental
  • Shaders
  • Menus
  • Sections
  • Showcase
  • See the Kits
  • What a Kit is
  • Kit vs. the Library
  • Founding offer

Platform

  • How it works
  • Documentation
  • MCP server
  • Learn GSAP
  • Free tools
  • Compare
  • State of Web Animation
  • Changelog
  • Roadmap
  • Pricing
  • FAQs

Library

  • All components
  • Buttons
  • Scroll
  • UI Components
  • Experimental
  • Shaders
  • Menus
  • Sections
  • Showcase

Kits

  • See the Kits
  • What a Kit is
  • Kit vs. the Library
  • Founding offer
© 2026 Annnimate·Built byGood Fella
PrivacyTermsCookiesRefund
Loading
by Good Fella
LibraryKitsNewLearnDocsPricing
Get AnnnimateGet Annnimate

The library

Curated, not a catalog dump.

Every signature component, built for a real site. Filter, preview live, copy in React or Vue.

Browse the library
By categoryButtonsScrollUI ComponentsExperimentalShadersMenusSections
CollectionsAll componentsMost popular

Latest component

Morphing Pill Menu

Landmark Kits

Depth, not breadth.

A deep, stand-alone collection built around one system. The first Kit is Reveal - preloaders and hero sections, one mixable system, WebGL and GSAP. React, Vue, HTML / CSS / JS. Not for Webflow.

See the Reveal Kit
LearnWhat a Kit isKit vs. the Library
Stay closeFounding offerRoadmapPricing
The Reveal Kit

Out now

The Reveal Kit

Concepts, patterns, tools

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 concepts
ConceptsEasingScrollTimelineTextReactPerformancePlugins
ExplorePatternsFree toolsDocumentationComparisons

Latest component

Morphing Pill Menu

The Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component liveThe Reveal Kit is liveCustomize any component live
ButtonsScrollUI ComponentsExperimentalShadersMenusSectionsAll componentsMost popular
What a Kit isKit vs. the LibraryFounding offerRoadmapPricing
EasingScrollTimelineTextReactPerformancePluginsPatternsFree toolsDocumentationComparisons
DocsPricing
Get AnnnimateGet Annnimate