Animation Demos

AOS Animations

Animate On Scroll library demonstrations

Using AOS to Add Animations

Basic Animation

You need to scroll down to see the effect.

Animated using `fade-up`.

Animated using `flip-down`.

Animated using `zoom-in`.

Animated using `fade-right`.

Animated using `fade-left`.

Framer Motion - Staggered Animations

Cards with staggered entrance animations

Great times

Await you

Great times

Await you

Great times

Await you

Great times

Await you

Great times

Await you

Great times

Await you

AOS with Staggered Animations

Combining AOS with staggered animation patterns

Great times

Await you

Great times

Await you

Great times

Await you

Great times

Await you

Great times

Await you

Great times

Await you

Slider Animation

Sliding entrance animations with Framer Motion

There is the text

Here is para text

Back to Home

Animation Demos

AOS Animations

Using AOS to Add Animations

Basic Animation

Animated using fade-up.

Animated using flip-down.

Animated using zoom-in.

Animated using fade-right.

Animated using fade-left.

Framer Motion - Staggered Animations

Great times

Great times

Great times

Great times

Great times

Great times

AOS with Staggered Animations

Great times

Great times

Great times

Great times

Great times

Great times

Slider Animation

There is the text

Animated using `fade-up`.

Animated using `flip-down`.

Animated using `zoom-in`.

Animated using `fade-right`.

Animated using `fade-left`.