A simple, elegant message plugin for jQuery.
Clone or download
#68 Compare This branch is 227 commits ahead of marcosesperon:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.
.bithoundrc Add .bithoundrc May 5, 2018
CONTRIBUTING.md jquery.min.js is needed in root to run the tests Sep 17, 2015
TODO.md Improve the documentation. Jun 19, 2014
bower.json Clean up dependencies. Version to 2.0.0. Jul 9, 2014
gulpfile.js Replace gulp-cssnano with postcss May 5, 2018



Build Status Coverage Status Stories in Ready

A simple, elegant message plugin for jQuery.

MessiJS is a plugin for jQuery that shows messages in a clean, elegant and simple way. With MessiJS, you no longer need to use the ugly default Javascript alert notification. MessiJS also provides a nice, flexible way to get feedback from your users without blocking Javascript execution.

Display text, html content, images and ajax requests with 5KB code.

MessiJS Example

This is a continuation of the Messi dialog. When the original contributor stopped responding to Issues and Pull Requests, I created this fork of the Messi plugin.

All earlier edits are Copyright 2012-2013, Marcos Esperón: http://marcosesperon.es

Version 2.0.1 and newer includes the goodness of animate.css.

See the Contributors List to see who's contributed code.

MessiJS is available via Bower or NPM. If you prefer manual installation, see the instructions below.


  • jQuery version 1.7 or greater


MessiJS 2.1

  1. Version 2.1 will maintain backward compatibility with Version 2.0.
  2. Version 2.1 will no longer be dependent on jQuery.
  3. Like 2.0, well tested and bug fixed.
  4. Ideas to improve MessiJS? Open a Github Issue and let me know.

MessiJS 2.0

  1. Name change and new maintainer.
  2. Version 2.x will be mostly backward compatible with 1.x. It's a drop-in replacement for 1.x.
  3. Standards based (code validated by JSHint).
  4. Well Tested. Using Travis CI, with Mocha+Chai and against supported versions of jQuery.
  5. Adheres to Semantic Versioning.
  6. Supports Internet Explorer 9+ (previous versions did not officially support IE).

Options and Demo

  1. MessiJS Options
  2. MessiJS Demos

How to use

MessiJS requires jQuery to work, so include it first of all in your project. After that, include in the head of your page the stylesheet:

  <link rel="stylesheet" href="messi.min.css" />
  <div> Content here...</div>
  <script src="jquery.min.js"></script>
  <script src="messi.min.js"></script>

Use MessiJS in your page, like this:

new Messi('This is a message with Messi.', {title: 'Title'});

Please, use, enjoy, and leave me feedback.

Messi 1.x

The original Messi 1.x documentation can be found at http://marcosesperon.es/apps/messi/