@lqv/gsap v0.2.0

@lqv/gsap

This package provides a compatibility layer for using Liqvid plugins with GSAP. It exports a <Bridge> component which is used to sync up @lqv/* plugins with a GSAP Timeline. This package should not be confused with @liqvid/gsap, which is for syncing GSAP animations up to Liqvid's timeline.

Installation

npm install @lqv/gsap

Usage

import {Cursor} from "@lqv/cursor/react";
import {Bridge} from "@lqv/gsap";
import {gsap} from "gsap";

const tl = gsap.timeline({duration: 10, paused: true});

<Bridge timeline={tl}>
  <Cursor data={/* ... */} src="./cursor.svg" />
</Bridge>

See the demos for more detailed examples.