How to add Page Transitions in Webflow?

Script

Documentation

Example

View Demo

Clone

[.c-title-3-primary]How to add Page Transitions in Webflow?[.c-title-3-primary]

‍

Use Refokus Page Transitions to create custom page transitions to improve your website navigation and user experience, creating visual continuity between pages.

Step #1

Copy the

Page Transitions

<script> and paste it before the </body> of your page

Copy Script Code

<script

src=

"

https://tools.refokus.com/page-transition/bundle.v1.0.0.js

"

></script>

Copied!

Step #2

Set Custom Attributes

Everything is made using custom attributes, so when we say “Add” that means "Add a custom attribute”.
‍Learn more

anchor link

General Notes

Step #3

Publish your site to the staging domain to test the tool is working.

Clonable Demo

Publish your site to the staging domain to test the tool is working.

Thank you!

Oops! Something went wrong while submitting the form.

Give us feedback

Page Transitions

[.c-title-3-primary]How to add Page Transitions in Webflow?[.c-title-3-primary]

Copy the

Page Transitions

<script> and paste it before the </body> of your page

Set Custom Attributes

Publish your site to the staging domain to test the tool is working.

Clonable Demo

Publish your site to the staging domain to test the tool is working.

Got a project? Let's talk!

Join the Team