BLACK FRIDAY
25% OFF Lifetime · Ends Dec 2nd
Clouds Configurator - Breakfusion
data-vanta-clouds
How to Use & Code Information
  1. Customize your clouds animation 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-vanta-clouds with value true
Interactive Clouds Preview
Quick Presets
Sky & Cloud Colors
Sky Color - HEX
HSL
Cloud Color - HEX
HSL
Cloud Shadow - HEX
HSL
Sun & Light Colors
Sun Color - HEX
HSL
Sun Glare - HEX
HSL
Sunlight - HEX
HSL
Animation Settings
Animation Speed
1