Posts Categorized / Modals & Overlays

Screen Shot 2015-07-12 at 8.58.19 pm

Jquery Annotation Plugin

  Highlight, share, add notes and tags to any selected text on a page Popover that lets you highlight, share, add notes and tags to any selected text on a page Requires jQuery to be loaded on the page. Autocompletion (for tags) requires awesomplete.js get it here


Flipside – Button to modal

Flipside is a button that seamlessly transitions from action to confirmation created with few lines of CSS and jQuery. get it here


AnimatedModal.js – Fullscreen Modal with CSS3 Transitions

AnimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions by animate.css or create your own transitions by yourself. It supports Firefox, Chrome, Safari, Opera and IE 10+. It is licensed under MIT License. get it here


Submodal-Add submodals to Bootstrap 3.x modals

Installing You can install Submodal via bower $ bower install submodal Then include the JS and CSS in your page. <link type=”text/css” rel=”stylesheet” href=”bs.sm.css”> <script type=”text/javascript” src=”bs.sm.js”></script> Building $ npm install $ npm run-script bower $ npm run-script build # For watching $ npm run-script build-watch HTML Submodals are added to the .modal-body element of a modal. […]


Strip-A Less Intrusive Responsive Lightbox

Strip is a Lightbox that only partially covers the page. This makes it less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience. Strip uses jQuery and supports all major browsers. get it here


Intro.js-Guided tour plugin

Better introductions for websites and features with a step-by-step guide for your projects. Easy to Use Just include the js and css files and add data-step anddata-intro to your code. Fast & Small 4 KB JavaScript and 2.5 KB CSS (gzip). That’s all. Free & Open-Source Free and open-source (including commercial use). Published under MIT license. get it here


baguetteBox.js -lightbox script in pure JavaScript

  Written in pure JavaScript, no dependencies required Multiple galleries support with custom options each Touch-screen devices support with swipe gestures Modern and minimal look Image captions support Responsive images CSS3 transitions SVG buttons, no extra files to download Around 1.9KB gzipped get it here


Intense Image Viewer

A javascript library for viewing images in a fully full screen get it here