NEW RELEASE
Plugin integration live
Current price ends Oct 28
Main components

Hero

Cards

Pricing

Header

Features

Testimonial

CTA

Buttons

New

About

Contact

Megamenu

Roadmap

Ready to enhance your Bricks Builder experience?

Access our complete library of professional components.

Explore all categoriesQuick Started

Ready to enhance your Bricks Builder experience?

Add premium elements that enhance user experience.

Quick Started
SureCart components

Product pages

High quality product templates

SureCart UI components

Specific components for Surecart

Ready to enhance your Bricks Builder experience?

Take advantage of these extraordinary features to enrich your customers' websites.

Pricing

Simple, transparent pricing plans

About

Learn about Bricksfusion

ChangeLog

Latest updates and improvements

Roadmap

Find out what's coming to Bricksfusion

Contact

Get in touch with us

Community

Join our facebook community

Quick Started

Discover how easy Bricksfusion is

Ready to enhance your Bricks Builder experience?

Unlock Bricksfusion. Make today your launch day.

Get Started
Page Transition 004 Configurator - BricksFusion

Page Transition 004

Interactive page transitions for Bricks Builder

How to Use & Code Information
â–¼
  1. Customize your page transition effect using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. Go to your Template (Header/Footer) that appears on all pages
  4. Click Manage → Page Settings → Custom Code
  5. Paste the code in Body (Footer) Scripts section
  6. The smooth transition effect will now appear automatically when visitors navigate between pages on your website
Click here to test the transition effect
Transition Settings
Animation Direction ℹ
Desktop Duration ℹ
1.2s
Mobile Duration ℹ
0.8s
Easing Function ℹ
Overlay Settings
Overlay Opacity ℹ
0.2
Overlay Fade Duration ℹ
0.3s
Overlay Color
HEX
HSL
Advanced Settings
Navigation Delay ℹ
50ms
Performance Mode ℹ