Sweet Alerts
Loading...
Customizer
Judia Builder
Choose your themes & layouts etc.
Select Layouts
Choose your layout.
Vertical
Horizontal
Color Scheme
Choose Light or Dark Scheme.
Light
Dark
Brand
Card Layout
Choose borderless or border layout.
Borderless
Border
Layout Width
Choose Fluid or Boxed layout.
Fluid
Boxed
Layout Position
Choose Fixed or Scrollable Layout Position.
Topbar Color
Choose Light, Dark or Brand Topbar Color.
Light
Dark
Brand
Topbar Images
Choose Topbar Images.
Examples
Here are the various types of beautiful, responsive, customizable, and accessible sweet alerts.
| Sweet Alert Type | Sweet Alert Examples |
|---|---|
| A Basic Message | |
| A Title with a Text Under | |
| A success message! | |
| A modal with a title, an error icon, a text, and a footer | |
| A modal window with a long content inside | |
| A warning message, with a function attached to the "Confirm"-button... | |
| By passing a parameter, you can execute something else for "Cancel". | |
| A message with custom Image Header | |
| A message with auto close timer | |
| Custom HTML description and buttons | |
| A dialog with three buttons | |
| A custom positioned dialog | |
| A message with custom width, padding and background | |
| Ajax request example |
Custom SweetAlert Example
Success Message
Here is an example of a sweet alert with a success message.
Error Message
Here is an example of a sweet alert with a error message.
Warning Message
Here is an example of a sweet alert with a warning message.
Join Our Community
Here is an example of a sweet alert with a community registration field.
Email Verification
Here is an example of a sweet alert with a email verification field.
Notification Message
Here is an example of a sweet alert with a custom notification message.