fullPage.js

The plugin helps to create beautiful and responsive content-rich web pages, without the need for you to write any code at all! Instead, just use the Gutenberg editor in your WordPress theme to add content elements like images, videos, or text blocks.

Introduction

fullPage.js is a responsive jQuery plugin that will resize the content and images of your page (like a slideshow) to fit perfectly on different screen configurations, with beautiful cropping effects. It makes it extremely easy for web designers to create websites that adapt to mobile devices or tablets, in a few simple steps.

This plugin is designed to work with Gutenberg WordPress Plugin and not as a stand-alone.

You can create full-screen scrolling websites in no time. This plugin supports content, images, YouTube videos, and iframes. It will adapt automatically to different screen sizes or devices like mobile phones, tablets, and desktops.

There are various configuration options available like custom animations, callback functions, and much more! It's highly customizable providing lots of settings for fine-tuning; It is also responsive on modern mobile devices supporting both portrait and landscape modes without any changes needed from your side. You can use it as a slideshow. Plus it is lightweight and has easy implementation.

This plugin is for bloggers, professionals, or web designers who are looking for an awesome way to display their content on a responsive website.

This plugin is developed by Alvaro Trigo.

Features & Functionality

  • Responsive: Resize the content and images of your page (like a slideshow) to fit perfectly on different screen configurations, with beautiful cropping effects.

  • Touch Support: Touch support for smooth swiping and scrolling. Also works with a mouse.

  • Unlimited Animations: You have full control of the animations; you can choose how your content will be animated or not, add as many animations as you want.

  • Callback Functions: Add callback functions before/after animation, after the animation ends, or even when the animation starts! Using these options enables various behaviors for different content types like video backgrounds with play/pause at end of video timeline etc.

  • Ease of Use: Very easy for web designers to create websites that adapt to mobile devices or tablets, in a few simple steps!

  • Content Options: Content (Text) option as well as image option.

  • Image Fit Types: Fit types provided are 'cover', 'contain', and 'scale-down'.

  • Background Settings: Customize your background color, pattern, repeat type, position, etc.

  • Smaller Sections: You can set the size of your sections to a medium or smaller size so that you have more control over the placement and image cropping.

  • Responsive Videos: Now you can embed responsive videos and it will automatically resize them to fit perfectly on different screen configurations.

  • Multiple Layout Types: You have 3 layout types namely full-width, boxed, and framed. You can easily select one from the settings page with custom background colors for each type if needed.

  • Compatible: Compatible with almost all modern browsers.

Pricing

Hobby $39/Year

Professional $99/Year

Business $299/Year

ScreenShots

Pros & Cons

See all fullPage.js pros & cons

Feature Requests

See all fullPage.js feature request

Alternatives

See all fullPage.js alternatives

Discussions

See all fullPage.js discussions

Makers

Need help in setting up fullPage.js on your WordPress site?
Our experts can help! Request Help

Unsure fullPage.js fits your needs?
Get a free plugin consultation with our WordPress experts. Request Consultation