fullPage.js

fullPage.js is a JavaScript library that enables the creation of beautiful fullscreen snap scrolling websites, allowing each section to fill the screen and navigate through them with a snapping effect.

Latest Ver 4.0.35

Homepage

Github

35,414

With every page turn, a new experience unfolds.

Enhance your website with stylish transitions using fullPage.js.

fullPage.js is a library that allows you to snap-scroll each section of a webpage in fullscreen.

CDN Download

License: GPL-3.0

Asset Type :

View All Versions

https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.35/fullpage.extensions.min.js

https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.35/fullpage.js

https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.35/fullpage.min.js

https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.35/vendors/easings.js

https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.35/vendors/easings.min.js

https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.35/fullpage.css

https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.35/fullpage.min.css

https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.35/fullpage.min.css.map

https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/4.0.35/vendors/easings.min.js.map

Sample Code

⚠️ Some code, including import statements, may not run properly on jsFiddle. If it fails to execute, please copy the code and try it in your own environment.

📄 HTML
<div id='fullpage'>
  <div class='section'>Section 1</div>
  <div class='section'>Section 2</div>
  <div class='section'>Section 3</div>
</div>

🎨 External CSS
<link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css" rel="stylesheet">

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"></script>

⚙️ JavaScript
new fullpage('#fullpage', {
  autoScrolling: true,
  navigation: true
});