Animate UI

Zoom

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

Made by imskyleen
Edit on GitHub

Installation

Usage

Zoom

<Zoom>Zoom</Zoom>

Zooms

<Zooms>
  <div>Zoom 1</div>
  <div>Zoom 2</div>
  <div>Zoom 3</div>
</Zooms>

API Reference

Zoom

PropTypeDefault
asChild?
boolean
false
inView?
boolean
false
inViewOnce?
boolean
true
inViewMargin?
string
0px
delay?
number
0
scale?
number
1
initialScale?
number
0.5

Zooms

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

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