Basic

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

Basic Icon Center Icon No Title No Footer Center Bootstrap

Contextual

You can use any of the avaible contextual classes to create a styled modal.

Primary Success Info Warning Danger

Header Color

Colored Header Modals

Primary Success Info Warning Danger

Full Color

Full Colored Modals

Primary Success Info Warning Danger

Sizes

Set the size of the modal using a CSS class.

Extra Small Small Medium Large Full

Modal with CSS animation

Animations are added with simple CSS transitions, you can make them look however you wish.

Form

Modal with a form and buttons.

Open Form

Ajax

You have full control of what is displayed in modal, align it to any side via CSS, enable or disable scroll on right side of window.