Discover the best fullpagejs websites created by professional designers. Get inspired and start planning your perfect fullpagejs web design today!

Here's an example of using Webflow scroll interactions with Full Page JS by adding scrollBar:true to the custom code.

Full guide can be found here - https://www.digitalmast.co.uk/tutorials/full-page-js-interactions

fullPage JS Interactions

fullpage-js-interactions

Scroll Snapping Slider

Fullpage.js

Full Page js speed

Want to make a full-screen slider with fullpage.js?
Here I'm giving away a basic template you can use as the starting point for your website. 

Full tutorial on youtube:
https://www.youtube.com/watch?v=1KF1_5A7Mes

Written blog post:
https://alvarotrigo.com/blog/how-to-use-fullpage-in-webflow-create-full-screen-slider/

For a license you can get one here:
https://alvarotrigo.com/fullPage/pricing/

And use it in the licenseKey option in the fullpage.js initialization.

fullPage.js base

Fullpage.js basic example

Using PagePiling with Webflow is simple.

- Start by creating a DIV with ID 'pagepiling'
- Within the DIV create several sections with the class 'section'
- Make these sections height:100vh
- Add this code inside <head> tag
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.6/jquery.pagepiling.css" />

- Add this code before <body> tag
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pagePiling.js/1.5.6/jquery.pagepiling.min.js"></script>
<script>
$(document).ready(function() {
	$('#pagepiling').pagepiling();
});
</script>

You can customize this more, eg with anchors, scrolling speeds and menu navigation by looking at the GitHub here https://github.com/alvarotrigo/pagePiling.js/

PagePiling with Webflow (FullPage JS free alternative)

PagePiling with Webflow (FullPage JS Free Alternative) Cloneable

🏆 Best UI Design – CSSDA
🏆 Best UX Design – CSSDA
🏆 Best Innovation – CSSDA
🏆 Special Kudos – CSSDA

For the visual merchandising firm Alvico we were entrusted with doing a complete rebranding of their company (except for the logo). Along with the new branding we created a onepage website using tools like fullpage scroll, IX2 and a lot of custom code to create a unique feel and a memorable webpresence.

Alvico

ALVICO Vils AG

Here I'm giving away a basic example using fullPage.js to create horizontal fullscreen slides for your site.

Feel free to clone it and use as the starting point for your site!

You can get a fullpage license from here:
https://alvarotrigo.com/fullPage/pricing/

And use it in the `licenseKey` option in the fullpage.js initialization.

fullPage.js with horizontal slides

fullPage.js - Horizontal Slides

Role: development
Date: Jul 2019

Info:

First stage of website development for a cultural and educational media.

Open Culture

Updated portfolio: Dark– / Light mode compatible

—

I am a self-taught multidisciplinary designer (based on curiosity) — working within the field of strategic business development. I strive to define and solve my client's issues and optimize their commercial existence by diligently focusing on creating a highly converting outcome for my client's business and their user's needs.

Design is all about solving a problem — that can only happen with a strategic approach to every decision. I'm designing and developing based on breaking down business objections and user needs. That will always make a converting result that provides happy customers for your users and a strong visual presence for your brand.

My competencies combine business strategy, digital development, and design, making me capable of creating truly innovative solutions for businesses to thrive in a competitive market.

Krause Studio™

Krause Studio™ (Dark-mode compatible)

Neat and interactive design with rotation parallax effect on hover and fullpage scolling (fullpage.js) for my own augmented reality studio by a design newbie.

Any comments to make my design better will be much appreciated!

26Hz

26hz

Our corporate website. Build in Webflow with a lot of customization, e.g. Fullpage.js and Swiper.js

idd zet in beweging

idd - zet in beweging

RenoPro

renopro

my first project using fullpage.js
and thanks a lot to 'digitalmast' / https://webflow.com/website/fullpage-js-interactions

블랙앤비즈

blockbeads

Integral Oy - ICT-palvelut, ohjelmistopalvelut ja asiantuntijapalvelut yrityksille

Integral Oy

Scrolling narrative providing information on how you can reduce the tracking data your device shares. Utilises Fullpage.js and webflow page transitions.

Clear your tracks

clear-your-tracks

Baldium

One of the most succesful notaries in Spain, with a heavy focus on digital solutions. They've trusted us with their complex website development and real-time connections with their internal systems.

Discover fullpagejs websites built by the Webflow community

Discover fullpagejs websites built by the Webflow community