Modelo

Just Another jQuery Modal

Modelo is a small, lightweight modal created for users who enjoy simplicity. Devoid of any uncessesary styling, Modelo remains highly customizable in terms of look and feel. A few features have been added in order to provide some flexibility over Modelo's behavior, and more may be added as this plugin continues to grow. It's perfect for small apps and projects, so try Modelo today!

Download Modelo | View Source on Github | Documentation Current Version 1.0

Demo

Click the button below to lauch the modal.

Features

  • Responsive.
  • Easy to setup and use.
  • Minimal styles provided by default, making Modelo highly customizable.
  • WAI-ARIA guidelines compliant, by W3 standards.
  • Click overlay to close modal.
  • Press ESC key to close modal.
  • Adjustable options, like width, distance from top, and more.

Installation

A more detailed guide on installation and usage can be found in the Documentation.

  1. Download the latest version of jQuery here, or grab it via-CDN.
  2. Include jQuery and modelo.min.css in your document's head.
  3. Add modelo.min.js before your closing body tag.