LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Nebula Effect Configurator

How to Use in Bricks Builder

  1. Customize your nebula effect using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-nebula-effect📋
    to any container element
This tool creates a custom script with your settings built-in. You only need to add the data attribute to see your configuration!
BricksFusion Exclusive Nebula

Add stunning and immersive nebula effects to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Smooth animated nebula with fluid, organic movement
  • Customizable colors and animation speed
  • Responsive design that adapts to all screen sizes
Animation Settings
Animation Speed 1x
Flow Intensity 1
Detail Level 5
Color Settings
Main Color
Opacity 0.8
Advanced Settings
Z-Index 0

JavaScript Code