https://github.com/getfrontend/gsap-tutorial

gsap gsap-animation gsap-scrolltrigger gsap-timeline react react-gsap

Last synced: 2 months ago
JSON representation

Learn how to use GSAP animations in React

Host: GitHub
URL: https://github.com/getfrontend/gsap-tutorial
Owner: getFrontend
Created: 2024-03-16T14:03:14.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-03-16T14:44:32.000Z (about 1 year ago)
Last Synced: 2025-01-30T21:14:55.354Z (4 months ago)
Topics: gsap, gsap-animation, gsap-scrolltrigger, gsap-timeline, react, react-gsap
Language: JavaScript
Homepage: https://gsap-tutorial.vercel.app
Size: 162 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

README

# About

GSAP Crash Course

## ⚡ GSAP Animations

**GSAP To**

The to() method is used to animate a single element from a starting state to an ending state.

**GSAP From**

The from() method is used to animate a single element from an ending state to a starting state.

**GSAP FromTo**

The fromTo() method is used to animate a single element from a starting state to an ending state and vice versa.

**GSAP Timeline**

The timeline() method is used to create a timeline to manage multiple animations.

**GSAP Stagger**

The stagger() method is used to animate multiple elements with a stagger effect.

**GSAP ScrollTrigger**

The ScrollTrigger plugin is used to trigger animations based on the scroll position.

**GSAP Text**

Learn how to animate text with GSAP.