Need help with ng-morphing-modal?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

shauchenka
128 Stars 16 Forks Apache License 2.0 34 Commits 4 Opened issues

Description

Angular Morphing Modal

Services available

!
?

Need anything else?

Contributors list

# 391,618
CSS
Shell
Erlang
GitHub
2 commits
# 666,886
CSS
HTML
1 commit

Angular Morphing Modal

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

Check Demo

How it works

Angular Morphing Modal

Installation

Install with Bower

npm update -g bower
bower install ng-morphing-modal --save

Include Scripts


Declare Angular Dependency

angular.module('your-app', ['ng-morphing-modal']);

Manual installation

Download contents of build/ folder from this repo, include .js files in your project. Velocity.js and Angular is required!

Usage

Define launcher:

html

Fire Modal

And modal content markup:
html

Change list:

  • ~~Bower package~~
  • ~~Initial release~~
  • Support for multiple DOM instances
  • Add build script
  • Refactoring sass for easy styling
  • Content from JSON/XHR
  • Extended mobile support

Please show your interest to this project with a stars, it can speed up development process!

Support and credits

Based on idea from this Pen Created and maintained for you by TrackDuck - visual feedback and bug tracking with screenshots for web integrated with more than 15 project management systems.

TrackDuck

If you have any questions/comments/recommendations drop us a line to: [email protected]

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.