← all Bulma classes list

Bulma class: .modal

<div class="modal">
  <div class="modal-background"></div>
  <div class="modal-content">
    <!-- Any other Bulma elements you want -->
  </div>
  <button class="modal-close is-large" aria-label="close"></button>
</div>

Preview

Use Shuffle AI to build your own Bulma CSS templates

Quickly design stunning Bulma CSS templates with the power of Shuffle AI — no coding required.

Check .modal in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

More in Bulma Modal