Animate UI

Effect

An effect that allows you to animate elements on first view or load.

Made by imskyleen
Edit on GitHub
Effect

Installation

Usage

Effect

<Effect>Effect</Effect>

Effects

<Effects>
  <div>Effect 1</div>
  <div>Effect 2</div>
  <div>Effect 3</div>
</Effects>

API Reference

Effect

PropTypeDefault
asChild?
boolean
false
inView?
boolean
false
inViewOnce?
boolean
true
inViewMargin?
string
0px
delay?
number
0
blur?
string | boolean
false
slide?
Slide | boolean
false
fade?
Fade | boolean
false
zoom?
Zoom | boolean
false

Effects

PropTypeDefault
children
React.ReactElement | React.ReactElement[]
-
holdDelay?
number
0
...props?
EffectProps
-

Built by Skyleen. The source code is available on GitHub.