Angular Modal Dialog Collection

1. Splash modal service

A simple AngularJS service for displaying a full screen splash modal.

Splash modal service preview

Demo/Github

2. Morphing Modal

Angular directive for fullscreen modal window with wonderful animation in trending Material Design style. Responsive and mobile-ready. Works in modern browsers.

Morphing Modal preview

Demo/Github

3. bootstrap-lightbox

This lightbox displays images using an AngularUI Bootstrap Modal (v0.14). When the lightbox is opened, navigating to the previous/next image can be achieved by clicking buttons above the image, clicking the left/right arrow keys, or swiping to the left/right (optional with ngTouch). The escape key for closing the modal is automatically binded by AngularUI Bootstrap. Large images are scaled to fit inside the window. An optional image caption overlays the top left corner of the image.

Morphing Modal preview

Demo/Github

4. ngDialog

Modal dialogs and popups provider for AngularJS applications. ngDialog is ~10KB (minified), has minimalistic API, is highly customizable through themes and has only AngularJS as dependency.

Morphing Modal preview

Demo/Github

5. AngularJS Modal Service

An AngularJS service that creates a Modal Popup with a given HTML template and controller. The Service createDialog can be used to create a modal using Twitter's Bootstrap on the fly.

Morphing Modal preview

Demo/Github

6. fancy-modal

The definitive modal/popup/dialog solution for AngularJS. Modal dialogs and popups for Angular.js (>=1.2.x) applications. Mobile friendly out of the box.

Morphing Modal preview

Demo/Github