XT-Animate Ultimate

500+ Modern Web Animations

Amazing Statistics

0 Animations

0 Categories

0 FPS

0 KB Size

Fade Animations

Fade Up

Classic fade from bottom

xt-animate="fade-up"

Fade Down

Elegant fade from top

xt-animate="fade-down"

Fade Left

Smooth fade from left

xt-animate="fade-left"

Fade Right

Beautiful fade from right

xt-animate="fade-right"

Fade Up Left

Diagonal fade animation

xt-animate="fade-up-left"

Fade Up Right

Diagonal fade animation

xt-animate="fade-up-right"

Slide Animations

Slide Up

Powerful slide from bottom

xt-animate="slide-up"

Slide Down

Dynamic slide from top

xt-animate="slide-down"

Slide Left

Smooth slide from left

xt-animate="slide-left"

Slide Right

Elegant slide from right

xt-animate="slide-right"

Zoom Animations

Zoom In

Scale up entrance

xt-animate="zoom-in"

Zoom Out

Scale down entrance

xt-animate="zoom-out"

Zoom In Up

Combined zoom and slide

xt-animate="zoom-in-up"

Zoom In Left

Diagonal zoom effect

xt-animate="zoom-in-left"

Bounce Animations

Bounce In

Playful bounce entrance

xt-animate="bounce-in"

Bounce In Up

Bouncy slide from bottom

xt-animate="bounce-in-up"

Bounce In Left

Springy left entrance

xt-animate="bounce-in-left"

Bounce In Right

Elastic right entrance

xt-animate="bounce-in-right"

3D Animations

Flip X

3D flip on X axis

xt-animate="flip-x"

Flip Y

3D flip on Y axis

xt-animate="flip-y"

Morph Up

3D morphing effect

xt-animate="morph-up"

Fold Up

Paper fold effect

xt-animate="fold-up"

Special Effects

Blur In

Blur to focus transition

xt-animate="blur-in"

Glow Blue

Neon blue glow effect

xt-animate="glow-blue"

Glow Pink

Vibrant pink glow

xt-animate="glow-pink"

Elastic Scale

Bouncy scaling effect

xt-animate="elastic-scale"

Attention Seeking

Pulse

Rhythmic pulsing effect

xt-animate="pulse"

Shake

Attention-grabbing shake

xt-animate="shake"

Wobble

Playful wobble motion

xt-animate="wobble"

Heart Beat

Heartbeat rhythm effect

xt-animate="heart-beat"

Advanced Combinations

Fade + Glow + Slow

Multiple effects combined

xt-animate="fade-up glow-blue duration-slow"

Bounce + Glass

Bouncy glass morphism

xt-animate="bounce-in-up glass"

Morph + Glow + Ultra Slow

3D morph with glow

xt-animate="morph-up glow-green duration-ultra-slow"

Blur + Elastic

Blur with elastic bounce

xt-animate="blur-in-up elastic-bounce"

Stagger Animations

Stagger 1

First in sequence

xt-animate="slide-up"

Stagger 2

Second in sequence

xt-animate="slide-up"

Stagger 3

Third in sequence

xt-animate="slide-up"

Stagger 4

Fourth in sequence

xt-animate="slide-up"