Animate UI

Slide

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

Made by imskyleen
Edit on GitHub

Installation

Usage

Slide

<Slide>Slide</Slide>

Slides

<Slides>
  <div>Slide 1</div>
  <div>Slide 2</div>
  <div>Slide 3</div>
</Slides>

API Reference

Slide

PropTypeDefault
asChild?
boolean
false
inView?
boolean
false
inViewOnce?
boolean
true
inViewMargin?
string
0px
delay?
number
0
direction?
'up' | 'down' | 'left' | 'right'
up
offset?
number
100

Slides

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

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