NEW RELEASE
v2.2 - 40+ new elementsWhat's new
Main components

Hero

Cards

Pricing

Header

Features

Testimonial

CTA

Buttons

New

About

Contact

Megamenu

Roadmap

Ready to enhance your Bricks Builder experience?

Access our complete library of professional components.

Explore all categoriesQuick Started

Ready to enhance your Bricks Builder experience?

Add premium elements that enhance user experience.

Quick Started
SureCart components

Product pages

High quality product templates

SureCart UI components

Specific components for Surecart

Ready to enhance your Bricks Builder experience?

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

Pricing

Simple, transparent pricing plans

About

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

Ready to enhance your Bricks Builder experience?

Unlock Bricksfusion. Make today your launch day.

Get Started
Modal Popup Configurator
data-modal-popup

Modal Popup

Smooth animated modal with customizable backdrop and behavior

How to Use
▼
  1. Build your modal: Create the modal content in Bricks Builder (any container/section)
  2. Add modal attribute: Add data-modal-popup="modal-id" to your modal container (use a unique ID)
  3. Create trigger: Add a button/link with attribute data-modal-trigger="modal-id" (same ID)
  4. Configure settings: Adjust animation, backdrop, and behavior options
  5. Copy JS: Click Copy JS to copy the JavaScript code
  6. Add Code element: In Bricks Builder, add a Code element to your page
  7. Paste JavaScript: Paste the code and ensure it runs on page load
  8. Done: Your modal will open with smooth animation when clicking the trigger
Animation
Animation Type
Duration
0.3s
Initial Scale
0.95
Translate Y
10px
Easing Function
Backdrop
Background Opacity
0.2
Blur Intensity
6px
Modal Appearance
Border Radius
12px
Max Height
85vh
Close Button
Button Size
30px
Position Top
10px
Position Right
10px
Behavior
Close on Outside Click
Close on ESC Key