Highly Configurable JS Modal & Dialog Box Library - Vex

Highly Configurable JS Modal & Dialog Box Library - Vex
File Size: 2.3 MB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Vex is a lightweight and customizable javascript modal library for creating stylish modal box & dialog box with lots of options, animation, skins and APIs.

Features:

  • Fully configurable and customizable
  • 4 Operating System Theme: Alert, Confirm, Prompt, and Login.
  • Customizable animations, overlay styles, and more.
  • Lightweight (~2kb minifed + gzipped)
  • Mobile device friendly

Basic Usage:

1. Include Vex javascript library and stylesheet files on the web page

<script src="vex.js"></script>
<link href="vex.css" rel="stylesheet" type="text/css">
<link href="vex-theme-default.css" rel="stylesheet" type="text/css">

2. Create a link to trigger the modal box

<a class="demo">Destroy the planet</a>

3. The javascript

<script>
$('.demo').click(function(){
vex.dialog.confirm({
message: 'Are you absolutely sure you want to destroy the alien planet?',
});
});
</script>

This awesome jQuery plugin is developed by HubSpot. For more Advanced Usages, please check the demo page or visit the official website.