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

Scroll Snapping Slider

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

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)

nklnk

A website for an international tobacco company, featuring complex animations, smooth and colourful page transitions and beautiful parallax elements 🌄.

Developed in Webflow using Finsweet Client-First framework, fullpage.js and Finsweet CMS Library + some custom code / in partnership with B.A.X Creative Agency.

Design - provided by a client. 
Development - nklnk.

#doitnklnk

FEDRS

FEDRS LEAF

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

Paddle Creative

Creandum is an international venture capital advisory firm powering innovation from Stockholm, San Francisco, London, and Berlin.
Paddle Creative helped them to turn a static Dealroom report into a bespoke landing page to showcase the report in an innovative manner.

Creandum Dealroom 2023

Abdul Sattar

Full page scroll with parallax using fullPageJs and Webflow interactions.

Portland Capital

Very proud to present this project about the notary "Notaría Jesús Benavides" in Barcelona, Spain. 

The website has been custom developed and is based on a design system powered by Systemflow.io. It also includes a full screen slider in the tablet and mobile versions of the Home page with videos prepared with Fullpage.js by Álvaro Trigo. 

The main goal with the design was to keep it simple and minimalistic, but at the same time it should represent the elegancy and seriousness of the business. In terms of UX the focus in the Home page is set on the search bar to reduce the way to find the specific service you need. 

The whole website is connected with a custom made CRM system to quickly manage the leads and provide the best and fastest service as possible.

We are currently working on an AI-based search system and a complete login area to check your document, manage your payments and keep track of your appointments.

Discover fullpagejs websites built by the Webflow community

Discover fullpagejs websites built by the Webflow community