Animate Element In A Specific Direction And Speed – Flying Objects

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

Download Details:

Author: turkus

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/turkus/react-flying-objects

License: MIT

You Might Be Interested In:

Add Comment