Remodal – Responsive Flat jQuery Modal Plugin with CSS3 Transitions

Remodal is a great jQuery plugin that will help you to create a flat, responsive and stylish modal window with great CSS3 transitions and full screen overlay. It looks great on both desktop and mobile devices and it is very light-weight – only ~4kb in minified version.

It is very easy to implement and to be styled.

Don’t struggle alone with projects

Join the creative community of UX, graphic and web designers and developers to get help with any design or dev project.

Remodal - Responsive Flat jQuery Modal Plugin with CSS3 Transitions


How to use it:

The CSS – Put the css in the <head></head> section in you HTML document.

<link rel="stylesheet" href="src/jquery.remodal.css">

 The link – Put the link in the HTML:

<a href="#modal">Click</a>

The HTML – Create the HTML structure:

<div class="demo" data-remodal-id="modal">
<a href="">Modal</a> Content Goes Here
<a class="remodal-cancel" href="#">Cancel</a>
<a class="remodal-confirm" href="#">OK</a>

The jQuery –  Put the jQuery javascript library and jQuery Remodal’s javascript  before the closing </body> tag.

<script src=""></script>
<script src="src/jquery.remodal.js"></script>

You are ready to go! Style it up, put some info and your modal popup is done!

more info –

Related post:  Quick and Easy jQuery Flat Shadows
Divi WordPress Theme

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.