Official Vue.js 3 wrapper for the fullPage.js library, enabling full-screen scrolling websites in Vue applications.
Vue-fullpage.js is the official Vue.js 3 wrapper for the fullPage.js library. It enables developers to create full-screen scrolling websites with sections and smooth animations directly within Vue applications. It solves the need for integrating fullPage.js functionality in a Vue-friendly, component-based way.
Vue.js 3 developers building single-page applications, portfolios, or marketing sites that require full-screen scrolling sections with animated transitions.
Developers choose it because it's the official wrapper, ensuring compatibility with fullPage.js features, and it integrates seamlessly with Vue's reactivity and component system, offering a declarative API.
Official Vue.js wrapper for fullPage.js http://alvarotrigo.com/vue-fullpage/
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
As the official wrapper, it guarantees full compatibility with fullPage.js features and idiomatic Vue 3 usage, including a <full-page> component for declarative templates.
Supports all fullPage.js options, methods, and callbacks, allowing Vue developers to leverage advanced animations, extensions, and events directly within Vue components.
Watches changes in options objects and provides a build() method for manual DOM updates, enabling some dynamic adjustments based on Vue's reactivity system.
Allows callbacks via options or Vue-style event listeners (e.g., @after-load), offering familiar patterns for integrating with Vue workflows.
Requires explicitly calling the build() method after DOM changes, as noted in the README, which adds overhead for dynamic content and can lead to bugs if forgotten.
Uses fullPage.js's dual licensing, requiring a paid commercial license for non-open-source projects, which adds cost and complexity compared to fully MIT-licensed alternatives.
Needs extra setup for features like scrollOverflow or extensions, including importing separate files before the wrapper, complicating the build process beyond standard Vue practices.