Download
react-fullpage is the official React wrapper for fullPage.js, providing a component that brings full-screen, section-by-section scrolling layouts into React applications. The wrapper uses a render-prop API, where you pass a render function that receives component state and the fullpageApi, allowing you to build React JSX markup while delegating scroll behavior to fullPage.js under the hood. It is distributed in multiple formats, including a standard ES module and a UMD bundle, so it can be used in projects with or without a modern build step. The library supports server-side rendering scenarios (such as Next.js and Gatsby) by returning a static version when window is not available and then hydrating into the “live” interactive version on the client. Documentation includes examples for plain React, Gatsby, and Next.js, showing how to configure license keys, scrolling speed, callbacks, and plugin extensions such as horizontal scrolling.
Features
- Official ReactFullpage component wrapping fullPage.js for React
- Render-prop API exposing state and fullpageApi for flexible JSX layouts
- ES module and UMD bundles for use with or without a build step
- SSR-aware behavior for frameworks like Next.js and Gatsby
- Support for fullPage.js extensions via a pluginWrapper function
- Automatic style injection, with the ability to override via custom CSS
Project Samples
