Documentation
v.1.6.1
GETTING STARTED
DYNAMIC ISLAND
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.
Preview
Open previewPresets
Classic CyanElectric PurpleNeon GreenHot PinkLaser RedOcean BlueSunny YellowLime ShockPeach GlowQuick 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:
- Go to the Menu or Footer where you want to add the transition effect.
- Open the Page Settings.
- Navigate to Custom Code.
- In the Body Script section, paste the transition code.
Changing the Logo
To customize the logo that appears during the transition, simply update the logoUrl
variable in the code. Here’s how:
- Locate the line in the code that says
const logoUrl = 'https://example.com/path/to/your/logo.png';
. - Replace the URL with the link to your own logo image. Make sure it’s accessible online.
- Save your changes, and the next time you use the transition, your logo will be displayed!
Change the neon Preset
To customize the neon line’s color, simply update the preset value in the code. Locate the setPreset
function within the script, and adjust the index to select your desired color from the available presets. For example, using setPreset(0)
will apply the ‘Classic Cyan’ color. Experiment with different indices 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