fullPage

Create Beautiful Fullscreen Scrolling Websites

Open

fullPage.js is actively mantained and community driven.

Solving developers' issues since 2013.

  • -

    commits
  • -

    closed issues
  • -

    contributors
Sponsored by

The best!

Proud of being the most complete framework of its kind. Trusted by the most innovative companies.

Compatible

Working in modern and old browsers too! Even IE 8! Make a beautiful site for all! Not just a few!

Easy!

fullPage.js is designed to be easy to use and customize. It includes tens of examples, great documentation and both community and personal support.

<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>
$('#fullpage').fullPage({
    navigation: true,
    responsiveWidth: 700,
    anchors: ['home', 'about-us', 'contact'],
    parallax: true,
    onLeave: function(index, nextIndex, direction){
        console.log("Leaving section " + index);
    },
});

Touch me!

Designed for mobiles and tablets, totally responsive.

Because not only kids like to grab things.

English