The Best Solution for Full-Page Design

fullPage.js ensures your one-page scroll website behaves the same on every platform — whether it's desktop or mobile, Safari, Chrome, or Firefox. No more surprises or broken scroll effects. Just smooth, reliable performance everywhere.

Avoid the unepected jumpy behaviour when using CSS snap scroll with a mouse wheel. In fullPage.js, you rather scroll smoothly or you don't scroll at all.

A smooth scroll starts with the right speed.

With fullPage.js, you can fine-tune the scroll speed to craft the perfect flow — something native browser snapping just can't do.

Set your own scroll snap delay for your vertical scroll website.

fullPage.js gives you full control over the timing, unlike browser-dependent CSS scroll snap that varies across systems.

No more accidental skips.

fullPage.js scrolls one section at a time — even with fast swipes or trackpad flicks — keeping the experience smooth and content-focused.

Custom easing lets you choose the scroll animation that fits your style—unlike CSS Scroll Snap's fixed, rigid jumps. Check out some easing functions here or here. - Demo

Inner scrollable full-screen sections let you add scrollable content within a slide. No more worrying about overflow or cutting things short to fit the screen. - Demo

You can smoothly scroll to non-fullscreen sections like footers without limitations. - Demo

Infinite scroll allows users to keep on scrolling vertically or horizontally when reaching the last slide. It keeps users engaged longer. - Demo

Looping lets users scroll endlessly—back to the start when they reach the end. CSS Scroll Snap just stops. - Demo

Callbacks let you run custom code on scroll. Perfect for animations, tracking, or triggering dynamic content at the right moment. - Demo

URL anchors enable deep linking to specific sections and add to browser history—great for sharing, bookmarking, and making your content structure clearer with intuitive anchors like #pricing or #features. - Demo

Define breakpoints to disable snapping, make sections bigger or even switch horizontal slides to vertical (Paid Extension), keeping the experience smooth everywhere. - Demo 1 - Demo 2

fullPage.js comes with integrations for React, Vue, and Angular so you don't have to build your own custom integration. It's as simple as plug and play.

Record URL history as users scroll so they can navigate with browser back/forward buttons and pick up right where they left off.

Built-in navigation bullets so you don't have to build your own. FullPage.js handles clicks, active states, and optional tooltips for you. - Demo

Lazy load sections to boost performance. Load content only when needed, keeping your site fast and smooth. - Demo

FullPage.js adds state classes you can target with CSS—making conditional styling effortless based on scroll position, active sections, or responsive mode. - Demo

Autoplay and pause media automatically—videos and audio start on section load and pause on leave, keeping user focus and reducing noise without extra scripting. - Demo

Jump straight to the target—skip animations between non-consecutive fullscreen sections or slides for faster, snappier navigation when needed. - Demo