https://github.com/z4o4z/angular-modal-dialog-collection

https://github.com/z4o4z/angular-modal-dialog-collection

Last synced: 29 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/z4o4z/angular-modal-dialog-collection
• Owner: z4o4z
• Created: 2016-04-06T08:58:09.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2022-06-26T07:19:05.000Z (over 2 years ago)
• Last Synced: 2024-04-16T05:50:01.988Z (9 months ago)
• Size: 6.03 MB
• Stars: 8
• Watchers: 1
• Forks: 4
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Angular Modal Dialog Collection

### 1. Splash modal service

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

![Splash modal service preview](./source/Animation.gif)

[Demo](http://popdevelop.github.io/angular-splash-demo/)/[Github](https://github.com/popdevelop/angular-splash-demo)

### 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](./source/Animation1.gif)

[Demo](https://dl.dropboxusercontent.com/u/60349134/ngm/example/index.html#)/[Github](https://github.com/shauchenka/ng-morphing-modal)

### 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](./source/Animation2.gif)

[Demo](http://compact.github.io/angular-bootstrap-lightbox/demo1/index.html)/[Github](https://github.com/compact/angular-bootstrap-lightbox)

### 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](./source/Animation3.gif)

[Demo](http://likeastore.github.io/ngDialog/#)/[Github](https://github.com/likeastore/ngDialog)

### 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](./source/Animation5.gif)

[Demo](http://fundoo-solutions.github.io/angularjs-modal-service/)/[Github](https://github.com/Fundoo-Solutions/angularjs-modal-service)

### 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](./source/Animation4.gif)

[Demo](http://vesparny.github.io/angular-fancy-modal/example/)/[Github](https://github.com/vesparny/angular-fancy-modal)