Animate UI

Fade

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

Made by imskyleen
Edit on GitHub

Installation

Usage

Fade

<Fade>Fade</Fade>

Fades

<Fades>
  <div>Fade 1</div>
  <div>Fade 2</div>
  <div>Fade 3</div>
</Fades>

API Reference

Fade

PropTypeDefault
asChild?
boolean
false
inView?
boolean
false
inViewOnce?
boolean
true
inViewMargin?
string
0px
delay?
number
0
opacity?
number
1
initialOpacity?
number
0

Fades

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

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