Chroma Silk

Customize your Chroma Silk effect using the controls below
Click Copy JS to copy the JavaScript code to clipboard
In Breakdance Builder, add a Code element
Paste the JavaScript code
To add the effect to any section: go to Section → Settings → Advanced → Attributes, add data-chroma-silk with value true
Note: This effect requires THREE.js library. Make sure it's loaded before the effect script.

Interactive Chroma Silk Preview

Quick Presets

Gradient Colors (up to 8)

Visual Settings

Rotation

45°

Scale

1.0

Frequency

1.0

Warp Strength

1.0

Noise

0.1

Animation Settings

Speed

0.2

Auto Rotate

Interaction Settings

Mouse Influence

1.0

Parallax

0.5

Transparent Background

Mobile Settings

Disable on Mobile

Mobile Pixel Ratio

Mobile FPS