WATER

Delight your visitors Documentation

As simple as adding a single option.

Easy!

<div id="fullpage">
    <div class="section">
Section 1
</div> <div class="section"> <div class="slide">
Slide 2.1
</div> <div class="slide">
Slide 2.2
</div> <div class="slide">
Slide 2.3
</div>
</div> <div class="section">
Section 3
</div> </div>
new fullpage('#fullpage', {
    waterEffect: true,
    waterEffectOptions: [...],
    onLeave: function(origin, destination, direction){
        console.log("Leaving section" + origin.index);
    },
    navigation: true
});

Amaze your visitors with a beautiful effect.

Impress!

Resize this page down and test it by yourself!

Responsive!

Beauty made easy

Yeah!

👉 Check some common questions
Enable on Responsive Mode