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.

Dynamic Menu Island Configurator - Breakfusion
data-menu-island

Dynamic Menu Island

Interactive Navigation Menu for Breakdance Builder

How to Use & Code Information
â–¼
  1. Customize your dynamic menu island 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 container: go to Section → Settings → Advanced → Attributes, add data-menu-island with value true
  6. Optional: Enable "Relative to Container" to position the island within the container instead of the viewport
Home
Profile
Settings
Notifications
Configure Your Dynamic Island
Basic Settings
Appearance
Menu Items
Animation
Position
Relative to Container
Edge Margin ℹ
20
Initial Width ℹ
120
Island Size
Button Text
Hide After Inactivity
Hide Delay ℹ
3
Island Background
HEX
HSL
Background Opacity ℹ
0.8
Text Color
HEX
HSL
Show Icons
Icon Color
HEX
HSL
Icon Size ℹ
24
Menu Item Background
HEX
HSL
Menu Background Opacity ℹ
0.1
Border Radius (Initial) ℹ
20
Border Radius (Expanded) ℹ
24
Blur Effect Strength ℹ
10
Box Shadow ℹ
4
Menu Layout
Menu Item 1
Icon
Label
URL
Show Icon
Menu Item 2
Icon
Label
URL
Show Icon
Menu Item 3
Icon
Label
URL
Show Icon
Menu Item 4
Icon
Label
URL
Show Icon
Animation Duration ℹ
0.3
Animation Easing
Scale on Hover
Hover Scale Factor ℹ
1.05
Menu Item Transition Delay ℹ
0.05
Opening Animation
Close on Outside Click
Mobile Compatibility
Background Blur Effect
Background Blur Strength ℹ
8
Background Overlay Opacity ℹ
0.3