1. Home
  2. UI Elements
  3. Modal & Notification

Modal & Notification header small text goes here...

Alerts & Bordered Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Success! Vivamus vestibulum posuere est eu tincidunt. ×
Info! Morbi sed nibh ac tortor laoreet blandit sed eu ligula. ×
Warning! Lorem ipsum dolor sit amet, consectetur adipiscing elit. ×
Error! Morbi vitae arcu in neque luctus elementum. ×
Success! Vivamus vestibulum posuere est eu tincidunt. ×
Info! Morbi sed nibh ac tortor laoreet blandit sed eu ligula. ×
Warning! Lorem ipsum dolor sit amet, consectetur adipiscing elit. ×
Error! Morbi vitae arcu in neque luctus elementum. ×
Bootstrap Modal

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

Default Modal

Default Bootstrap Modal is comes with the fade animation & the backrop cover.

DEMO
Modal without Animation

You just need to remove the css class .fade in order to disable the animation effect.

DEMO
Modal Message

Modal Message comes with the full width white background and centered content.

DEMO
Modal with Alert

You can put the alert elements into the modal dialog in order to make it look like a confirmation dialog box.

DEMO

Gritter Notification

Gritter is a small growl-like notification plugin for jQuery. Gritter Notification is compatible with FF 3+, Opera 9, IE7, IE8, Safari 4+.

1. Add default notification

Show

2. Add sticky notification

Show

3. Add notification without image

Show

4. Add a white notification

Show

5. Add notification (with callbacks)

Show

6. Add a sticky notification (with callbacks)

Show

7. Add notification with max of 3

Show

8. Remove all notifications

Remove

9. Remove all notifications (with callbacks)

Remove
Font Family
Default
Nunito
Open Sans
Roboto
Lato
Helvetica Neue, Helvetica , Arial
Header Theme
Sidebar Highlight Color
Sidebar Theme