0.2.4 • Published 5 months ago

motion-pack v0.2.4

Weekly downloads
-
License
MIT
Repository
github
Last release
5 months ago

MotionPack

Simple React wrappers to add animations to your components!

Install

npm install motion-pack

Reveal

import { Reveal } from "motion-pack"
  
return (
  <Reveal>
    <p>this text will be animated with reveal effect!</p>
  </Reveal>
)

Reveal Props

NameValue
startingHeightnumber
durationnumber
easestring
fadestring
delaynumber
  • startingHeight is the initial height (in pixels) from which the animation begins.
  • duration is the duration (in seconds) of the reveal animation.
  • ease is the easing function for the animation, determining the motion curve.
  • fade Controls whether the animation fades in (0 to 1 opacity) or out (1 to 0 opacity).
  • delay is the delay (in seconds) before the animation begins.

MORE TO COME SOON!!

0.2.1

5 months ago

0.2.0

5 months ago

0.1.8

5 months ago

0.1.9

5 months ago

0.2.3

5 months ago

0.2.2

5 months ago

0.2.4

5 months ago

0.1.7

5 months ago

0.1.0

5 months ago

0.1.2

5 months ago

0.1.1

5 months ago

0.1.4

5 months ago

0.1.3

5 months ago

0.1.6

5 months ago

0.1.5

5 months ago

0.0.3

5 months ago

0.0.2

5 months ago

0.0.9

5 months ago

0.0.8

5 months ago

0.0.5

5 months ago

0.0.4

5 months ago

0.0.7

5 months ago

0.0.6

5 months ago

0.0.1

5 months ago