How to use

A beautiful, responsive, customizable, accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.

<!-- HTML -->
<button class="btn btn-primary sa-basic">Click me</button>

<!-- JavaScript -->
<script >
	document.querySelector(".sa-basic").addEventListener('click', function(){
		Swal.fire("Our First Alert");
	});
</script>
  • A basic message
  • A title with a text under
  • A dialog with three buttons
  • A custom positioned dialog
  • A message with a custom image
  • A message with auto close timer
  • AJAX request example
  • A modal with a title, an error icon, a text, and a footer
Template Setting
Set Theme Color
Template Layouts
Icon Border Stroke
Layout Section Ligh/Dark
More App Setting