A JavaScript library for creating fullscreen scrolling websites with horizontal sliders inside sections.
fullPage.js is a JavaScript library that enables developers to create fullscreen scrolling websites with smooth vertical transitions between sections. It solves the need for engaging, single-page layouts by providing easy-to-implement fullscreen sections and horizontal sliders within those sections. The library is designed to be fast, simple, and highly customizable.
Frontend developers and designers building modern single-page websites, portfolios, or promotional sites that require fullscreen scrolling effects and interactive sliders.
Developers choose fullPage.js for its ease of use, extensive configuration options, and strong compatibility across browsers and devices. It offers a balance between out-of-the-box functionality and deep customization, supported by a rich ecosystem of extensions.
fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
The README demonstrates that with a simple HTML structure and a few lines of JavaScript, you can quickly create a fullscreen scrolling site, making it accessible for rapid prototyping.
Offers over 50 configuration options for scrolling behavior, navigation, and visual effects, such as autoScrolling, fitToSection, and various extensions, allowing fine-tuned control.
Compatible with modern browsers, mobile devices, and touch screens, with specific options like touchSensitivity and responsiveWidth to ensure cross-device functionality.
Supports add-ons for parallax, drag-and-move, fading effects, and more, which can be integrated by including additional files, enhancing features without custom coding.
Commercial use requires a paid license, and even open-source projects under GPLv3 must maintain attribution credits, adding administrative and potential financial overhead.
While CSS3 transforms are used for smooth animations, fallbacks are needed for unsupported browsers like older IE versions, which can impact performance and require extra configuration.
Configuring extensions and advanced options, such as interlockedSlides or cinematic effects, involves additional files, activation keys, and complex setup as noted in the extensions section.