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.

SVG Reveal Configurator - Breakfusion
data-svg-reveal

SVG Reveal

Animated SVG Path Reveal for Breakdance Builder

How to Use & Code Information
â–¼
  1. Customize your SVG reveal 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 SVG: go to Element → Settings → Advanced → Attributes, add data-svg-reveal with value true
Animation Settings
Duration ℹ
1500
Base Delay ℹ
0
Delay Increment ℹ
100
Animation Style
Animation Order
Easing Function
Colors
STROKE HEX
STROKE HSL
FILL HEX
FILL HSL
Appearance
Stroke Width ℹ
1
Intersection Threshold ℹ
0.5