/cloud-animations-react-gsap

Particle animations using React and GSAP

Primary LanguageJavaScript

Particle animation example using React and GSAP

Basic component with a secondary class to represent the particles. The animations run in a loop and draw each particle state on a canvas element using a custom function passed to a GSAP ticker.

Properties used

rotation: Math.PI * 2 with sine.easeInOut.
scale: from 0.01 to 2.5 with sine.easeInOut.
x: horizontal displacement with sine.easeInOut.

Live demo

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.\