v1.8

Layouts & 50+ New Elements — Now Available! Layouts & 50+ Elements!

Get Access

Documentation

v1.8

Premium element

Transition pages

Transition page 006

Transition Page 006 offers a captivating page loading effect, seamlessly transitioning between content with sliding panels and a dynamic neon line. Customize the neon color to match your brand, providing a vibrant visual experience for your users.

Reveal now

Presets

Classic CyanElectric PurpleNeon GreenHot PinkLaser RedOcean BlueSunny YellowLime ShockPeach Glow

Quick Setup

To bring your transitions to life with Bricks Builder, you can easily implement the transition code in either the main menu of your site or in the footer. This way, the animation will appear on every page where the menu or footer is present.

Here’s how to do it:

  1. Go to the Menu or Footer where you want to add the transition effect.
  2. Open the Page Settings.
  3. Navigate to Custom Code.
  4. In the Body Script section, paste the transition code.

Change the neon Preset

To customize the neon line’s color, simply update the number value at the top of the script where it says transitionColorPreset. Choose from the available colors (1-10): Cyan, Purple, Green, Pink, Red, Blue, Yellow, Lime, Peach, or White. Experiment with different numbers to find the perfect look for your site.

We're here to help

Choose how you'd like to connect with our support team

Contact Support

Get help from our team of experts

Response within 24 hours