Dynamic Menu Island for Bricks Builder

Saltar al contenido principal

LIVE

Visual Configurator

Now active with 50+ animations

NEW

Library

Visual configurator

SureCart

Resources

Get Started Login

Main categories

Hero

21 components

Cards

18 components

Pricing

17 components

Header

5 components

Features

27 components

Testimonial

12 components

CTA

11 components

Button

10 components

About

7 components

Contact

9 components

Megamenu

7 components

Roadmap

5 components

Ready to enhance your Bricks Builder experience?

Access our complete library of professional components.

Explore all How it works Get Started

Animated elements

Core Background

Dynamic background animations

Showcase

Impressive presentation effects

Visual effects

Eye-catching elements

Animated texts

Dynamic typography effects

Interactions

User-triggered animations

Menu animation

Interactive Menu Effects

Soon

Transition pages

Smooth navigations effects

Soon

Instant Motion

Instant animations, preconfigured for stunning visual impact

Ready to enhance your Bricks Builder experience?

Add premium elements that enhance user experience.

How it works Get Started

SureCart components

Product pages

High quality product templates

SureSwitch

Dynamic price toggle with flexible payment options

SureProtect

Elegant content protection for premium membership areas

Ready to enhance your Bricks Builder experience?

Take advantage of these extraordinary features to enrich your customers' websites.

Explore all Get Started

Pricing

Simple, transparent pricing plans

Limited LTD

About me

Learn about Bricksfusion

ChangeLog

Latest updates and improvements

Roadmap

Find out what's coming to Bricksfusion

Contact

Get in touch with us

Community

Join our facebook community

Quick Started

Discover how easy Bricksfusion is

Download Core Framework Stylesheet

Makes templates look exactly as designed

Ready to enhance your Bricks Builder experience?

Unlock Bricksfusion. Make today your launch day.

Library

Library
Explore Full Library
Access our complete collection of professional components.
View All Components
Hero
20 components
Cards
18 components
Pricing
17 components
Header
5 components
Features
25 components
Testimonial
12 components
CTA
11 components
Button
10 components
About
7 components
Contact
9 components
Megamenu
7 components
Roadmap
5 components

Visual configurator

Visual Configurator
Animated elements
Enhace your projects with professional motion effects.
Get Premium Access
Animated Elemnets
Core Background
Dynamic background animations
ShowCase
Impressive presentation effects
Visual effects
Eye-catching elements
Animated texts
Dynamic typography effects
Interactions
User-triggered animations
Menu animation
Interactive Menu Effects
Soon
Transition pages
Smooth navigations effects
Soon
Instant Motion
Instant animations, preconfigured for stunning visual impact

SureCart

SureCart
SureCart components
Product pages
High quality product templates
SureSwitch
Dynamic price toggle with flexible payment options
SureProtect
Elegant content protection for premium membership areas

Resources

Resources
Pricing
Simple, transparent pricing plans
Limited LTD
About me
Learn about Bricksfusion
Contact
Get in touch with us
ChangeLog
Latest updates and improvements
Roadmap
Find out what's coming to Bricksfusion
Quick Started
Discover how easy Bricksfusion is!
Community
Join our facebook community

Get Started Login

Documentation

v2.0

GETTING STARTED

Installing transitions

MENU ANIMATIONS

New

New

CORE BACKGROUND

Ambient Gradient

Network effect Snowfall

New!

Wave Background

New!

New

SHOWCASE

New

VISUAL EFFECTS

New

New

New

ANIMATED TEXT

New

New

New

INTERACTION

New

Horizontal Parallax

Timeline Gradient Vertical Parallax

INSTANT MOTION

SURECART

Installing templates SureCart 001 Product Page SureCart 002 Product Page SureCart 003 Product Page SureCart 004 Product Page

BUTTONS

Magnetic effect

TRANSITION PAGES

Transition Page 1

Soon

Transition Page 2

Soon

Transition Page 3

Soon

Transition Page 4

Soon

Transition Page 5

Soon

Transition Page 6

Soon

Transition Page 7

Soon

Dynamic Menu Island Configurator

How to use in Bricks Builder

Customize your dynamic menu island using the controls below
Click the Get Code button and copy the JavaScript
In Bricks Builder, add a Code element and paste the JavaScript
Add the attribute
data-menu-island📋
to any container element
Optional: Enable "Relative to Container" to position the island within the container instead of the viewport

This tool creates a customized script with your settings built-in. All your menu configurations are included in the generated code - you don't need to add any additional attributes!

Home

Profile

Settings

Notifications

BricksFusion Exclusive Get Your Dynamic Menu Island

Add an elegant dynamic menu island to your website with this customized JavaScript snippet, inspired by Apple's Dynamic Island.

Simple implementation with a single data attribute
Fully responsive design that adapts to any screen size
Customizable appearance, animations, and menu items
Beautiful expandable menu with grid layout
Interactive animations with smooth transitions
Works on all modern browsers and devices

Configure Your Dynamic Island

Basic Settings

Appearance

Menu Items

Animation

Position

Relative to Container

Edge Margin 20px

Initial Width 120px

Island Size

Button Text

Hide After Inactivity

Hide Delay 3s

Island Background

Background Opacity 0.8

Text Color

Show Icons

Icon Color

Icon Size 24px

Menu Item Background

Menu Background Opacity 0.1

Border Radius (Initial) 20px

Border Radius (Expanded) 24px

Blur Effect Strength 10px

Box Shadow 4px

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.3s

Animation Easing

Scale on Hover

Hover Scale Factor 1.05x

Menu Item Transition Delay 0.05s

Opening Animation

Close on Outside Click

Mobile Compatibility

Background Blur Effect

Background Blur Strength 8px

Background Overlay Opacity 0.3

JavaScript Code