New

9 buttons. Ready to use.

Nebula Effect Configurator - BricksFusion
data-nebula-effect
How to Use & Code Information
  1. Customize your nebula effect using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste or upload the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-nebula-effect as attribute name (leave value empty)
Interactive Nebula Preview
Nebula Colors
HEX
HSL
Opacity
0.8
Animation Settings
Animation Speed
1x
Flow Intensity
1
Detail Level
5
Advanced Options
Z-Index Position
0