Animate UI

Blur

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

Made by imskyleen
Edit on GitHub

Installation

Usage

Blur

<Blur>Blur</Blur>

Blurs

<Blurs>
  <div>Blur 1</div>
  <div>Blur 2</div>
  <div>Blur 3</div>
</Blurs>

API Reference

Blur

PropTypeDefault
asChild?
boolean
false
inView?
boolean
false
inViewOnce?
boolean
true
inViewMargin?
string
0px
delay?
number
0
blur?
number
0
initialBlur?
number
10

Blurs

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

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