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

SVG concepts.

Animating SVG with GSAP: drawing strokes with DrawSVG, shape morphing with MorphSVG, and motion along a path.

DrawSVGDrawSVG is a GSAP plugin that animates the visible length of an SVG stroke, so a path appears to draw itself on from one end to the other.MorphSVGMorphSVG is a GSAP plugin that tweens one SVG shape into another by animating the path's d attribute.
Just shipped:Flip Filter·3 days ago
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

Flip Filter

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

Flip Filter

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