0.2.4 • Published 1 year ago

motion-pack v0.2.4

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year 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

1 year ago

0.2.0

1 year ago

0.1.8

1 year ago

0.1.9

1 year ago

0.2.3

1 year ago

0.2.2

1 year ago

0.2.4

1 year ago

0.1.7

1 year ago

0.1.0

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.6

2 years ago

0.1.5

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.1

2 years ago