Vue-fullpage.js is the official Vue wrapper around the popular fullPage.js library, making it easy to build full-screen scrolling, section-based websites in Vue 3. It exposes a <full-page> component that encapsulates the underlying fullPage.js behavior, letting you declare each scrolling section as regular Vue markup while configuring options through a Vue props object. The wrapper supports installation via npm and works both with modern bundlers like Vite and as a browser-loaded module from a CDN, so you can integrate it in many different project setups. You can pass any fullPage.js options and callbacks into the wrapper, including advanced features like horizontal sliders, scroll overflow handling, and plugin extensions, simply by providing an options object. The project supports both commercial and open-source licensing: commercial licenses for proprietary projects and GPLv3 for open-source apps, aligning with fullPage.js’s licensing model.
Features
- Official Vue 3 component <full-page> wrapping fullPage.js
- Supports all fullPage.js options and callbacks via a Vue options prop
- Works with bundlers (Vite, etc.) and as a standalone browser module from CDN
- Provides scroll overflow and extension support when required scripts are included
- Simple npm-based installation and example project for quick starting
- Dual licensing model (commercial and GPLv3) aligned with fullPage.js