Opens in a new tab
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.

Silk Horizon Configurator - Breakfusion
data-silk-horizon

Silk Horizon

WebGL Animated Wave Lines for Breakdance Builder

How to Use & Code Information
▼
  1. Customize your Silk Horizon 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-silk-horizon with value true
  6. Note: This effect requires THREE.js library. Make sure it's loaded before the effect script.
Interactive Silk Horizon Preview
Quick Presets
Gradient Colors
Animation Settings
Animation Speed ℹ
1.0
Mix Blend Mode ℹ
Top Wave Layer
Line Count ℹ
6
Line Distance ℹ
5
Wave Position X ℹ
10.0
Wave Position Y ℹ
0.5
Wave Rotate ℹ
-0.4
Middle Wave Layer
Line Count ℹ
6
Line Distance ℹ
5
Wave Position X ℹ
5.0
Wave Position Y ℹ
0.0
Wave Rotate ℹ
0.2
Bottom Wave Layer
Line Count ℹ
6
Line Distance ℹ
5
Wave Position X ℹ
2.0
Wave Position Y ℹ
-0.7
Wave Rotate ℹ
-1.0
Interactivity Settings
Interactive (Mouse) ℹ
Bend Radius ℹ
5.0
Bend Strength ℹ
-0.5
Mouse Damping ℹ
0.05
Parallax Settings
Enable Parallax ℹ
Parallax Strength ℹ
0.2
Mobile Settings
Disable on Mobile ℹ
Mobile Quality ℹ
Disable Interaction on Mobile ℹ