fullPage

Create Beautiful Fullscreen Scrolling Websites

Open

fullPage.js is actively maintained and community driven.

Solving developers' issues since 2013.

  • -

    commits

  • -

    closed issues

  • -

    contributors
Sponsored by
Codeless

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! 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.

HTML JS See in Codepen 
<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', {
    navigation: true,
    responsiveWidth: 700,
    anchors: ['home', 'about-us', 'contact'],
    parallax: true,
    onLeave: function(origin, destination, direction){
        console.log("Leaving section" + origin.index);
    },
});

Touch me!

Designed for mobiles and tablets, totally responsive.

Because not only kids like to grab things.

English

Navigation

Extensions

Design

Wordpress

Other

Wrappers