Animate

A wrapper for animations, made with Tailwind CSS. Works seamlessly with any children component.

animation

Hover animations (89)

blink

blurredFadeIn

bounceFadeIn

bounceHorizontal

bounceVertical

bounceCustom

contractHorizontally

contractVertically

expandHorizontally

expandVertically

fadeIn

fadeInDown

fadeInLeft

fadeInRight

fadeInUp

fadeOut

fadeOutUp

fadeOutDownV2

fadeOutLeft

fadeOutRight

flash

flashV0

flipHorizontal

flipVertical

flipX

flipY

flipInY

flipInX

flipOutY

flipOutX

float

hang

heartbeat

horizontalVibration

jiggle

jiggleV0

jump

pop

pulseCustom

pulseFadeIn

rise

rollIn

rollOut

rotate180

rotate360

rotate90

rotateIn

rotateOut

rotationalWave

rubberBand

rubberBand-v0

scale

shake

shakeV0

sink

skew

slideDown

slideDownAndFade

slideInBottom

slideInLeft

slideInRight

slideInTop

slideLeft

slideLeftAndFade

slideOutBottom

slideOurLeft

slideOutLeft

slideOutTop

slideRight

slideRightAndFade

slideRotateIn

slideRotateOut

slideUp

slideUpAndFade

slideUpFade

spinClockwise

spinCounterClockwise

sway

swing

swingDropIn

swingV0

squeeze

tada

tiltHorizontal

vibrate

wobble

zoomIn

zoomOut

default

Installation

# Not available yet

Usage