Animate Element In A Specific Direction And Speed – Flying Objects

Description:

Flying Objects is an animation JavaScript library for React that animates whatever you want, in whatever direction and speed by using specific easing.

How to use it:

1. Install and import.

# NPM
$ npm i react-flying-objects
import { useMemo, useState } from 'react'
import { Easing } from 'react-native-web'
import Fly from 'react-flying-objects'

2. Basic usage.

<div className="App">
  <Fly
    objectToFly={...}
    objectConfig={...}
    flyingObjects={...}
    setFlyingObjects={...}
  />
</div>

Preview:

Animate Element In A Specific Direction And Speed - Flying Objects

Add Comment