Animation Demos

WavBlock
Scroll Animations

Build engaging scroll animations with WavBlock. Declarative HTML attributes, built-in effects, and IntersectionObserver-powered detection for optimal performance.

Core Animations

Fundamental animation effects

Fade Up

data-wavblock="fade-up"

Fade Down

data-wavblock="fade-down"

Fade Left

data-wavblock="fade-left"

Fade Right

data-wavblock="fade-right"

Scale In

data-wavblock="scale-in"

Staggered Animations

Cascading effects with automatic staggering

Lightning Fast

Optimized performance with hardware acceleration.

Zero Dependencies

Lightweight and independent.

Simple API

Intuitive data attributes.

Responsive

Works on all screen sizes.

Customizable

Fine-tune timing and delays.

Modern Code

Clean ES6+ JavaScript.

Text Effects

Advanced text animations

Text Reveal

Beautiful

Word by Word

Each word appears with elegant timing and precision