BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD

Ready to enhance your Breakdance experience?

Add premium elements that enhance user experience.

Quick Started

Ready to enhance your Bricks Builder experience?

Unlock Breakfusion. Make today your launch day.

Ether Spire Configurator - Breakfusion
data-ether-spire

Ether Spire

WebGL Animated Light Pillar for Breakdance Builder

How to Use & Code Information
▼
  1. Customize your Ether Spire effect using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Breakdance Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect to any section: go to Section → Settings → Advanced → Attributes, add data-ether-spire with value true
  6. Note: This effect requires THREE.js library. Make sure it's loaded before the effect script.
Interactive Ether Spire Preview
Quick Presets
Gradient Colors
TOP COLOR (HEX)
HSL
BOTTOM COLOR (HEX)
HSL
Pillar Settings
Pillar Width ℹ
3.0
Pillar Height ℹ
0.4
Pillar Rotation ℹ
0°
Visual Settings
Intensity ℹ
1.0
Glow Amount ℹ
0.005
Noise Intensity ℹ
0.5
Mix Blend Mode ℹ
Animation Settings
Rotation Speed ℹ
0.3
Interactive (Mouse) ℹ
Mobile Settings
Disable on Mobile ℹ
Mobile Breakpoint ℹ
768
Mobile Iterations ℹ
50
Reduce Mobile Quality ℹ