Functions

Low-level

• useGsap: Exposes gsap functions. This is internally used in all the other animation composables.
• useLocomotive: Exposes Locomotive Scroll for smooth scroll and parallax effects. Use <Locomotive /> for CSS styles.
• useConstructTransition: Used for creating transitions.
• createInfiniteMarquee: Returns a component that you can wrap the content you want the marquee for.

Mid-level

• useAnimateOnScroll
• useSplitTextAnimation

High-level

• Baked animations: Define stackable, premium animations. All mid-level composables have a baked version.

  • useBakedAnimation: Exposes a fromTo tween with baked settings.
  • useBakedAnimateOnScroll: Runs baked animations on scroll. Scroll settings are automatically determined if not explicitly set.
  • useBakedSplitTextAnimation: Runs useSplitTextAnimation with baked presets.

• Transitions: Composables for kickass transitions that can be used for anything.

  • useBendyWendy
  • useOffset