21 JQuery Modal/Dialog Windows

freefrontend.com freefrontend.com3 years ago in #Dev Love558

November 18, 2019 Collection of free jQuery modal/dialog window examples and plugins for advertisements, forms and a simple messages. CSS Modal Windows jQuery Modal/Dialog Examples jQuery Modal/Dialog Plugins Made with HTML (Pug) / CSS (Stylus) / JS About a code Modal Sliding modal window made with jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js Author David Fitas January 13, 2016 About a code Simple jQuery Modal Simple modal window equipped with smooth CSS3 transitions. Commonly used for viewing annoyingly important content upon visiting a website. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Bryce Snyder August 30, 2015 About a code jQuery Modal with Animation Success and wrong modal with animation. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: bootstrap.css, jquery.js About a code Animated Modal Box Animated fullscreen modal box. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js Author Michael Smith February 17, 2015 About a code Swing Out Modal Fun little modal concept in jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: font-awesome.css, jquery.js Author LegoMushroom December 30, 2014 Made with HTML / CSS (Stylus) / JS (CoffeeScript) About a code Modal Window Destroy Concept A small experiment on how to blow any HTML element. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, howler.js, html2canvas.js About a code Modal Animation Physics Messing around with keyframe/transition physics for a modal. Mostly focused on the timing between the overlay, modal container, and modal content to try to make the whole event look more organic. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: font-awesome.css, jquery.js Made by Dmitri Voronianski August 26, 2012 About the plugin Avgrund Avgrund is a jQuery plugin for your modal boxes and popups. It uses new concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations. Made by Marcelo Dolce April 15, 2016 About the plugin iziModal Elegant, responsive, flexible and lightweight modal plugin with jQuery. Made by Kyle Fox September 18, 2010 About the plugin jQuery Modal A simple & lightweight method of displaying modal windows with jQuery. Made by João Pereira February 27, 2015 About the plugin Animated Modal animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or create your own transitions. Made by Vast Engineering January 21, 2013 About the plugin jQuery Popup Overlay jQuery plugin for responsive and accessible modal windows and tooltips. About the plugin bPopup bPopup is a lightweight jQuery modal popup plugin (only 1.34KB gzipped). It doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs. Made by Alexander Rudenka May 6, 2012 About the plugin OmniWindow OmniWindow – extremely customizable modal plugin for jQuery. Made by Stefan Gabos April 8, 2013 About the plugin Zebra_Dialog A small, compact, and highly configurable jQuery plugin for creating modal dialog boxes. About the plugin jquery-plainModal The simple jQuery Plugin for fully customizable modal windows. Made by Scott O’Hara September 24, 2015 About the plugin Accessible Modal Dialog jQuery a11y modal window. About the plugin SweetModal Sweet, easy and powerful modals using jQuery. Replace alert(), confirm(), prompt() and many plugins with style and elegance. Made by Michał Buczko November 10, 2011 About the plugin Modal jQuery plugin to create modal windows. About the plugin Focus A minimal popup, modal,…

Like to keep reading?

This article first appeared on freefrontend.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply