by shauchenka

shauchenka / ng-morphing-modal

Angular Morphing Modal

127 Stars 16 Forks Last release: Not found Apache License 2.0 34 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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


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!


Define launcher:


Fire Modal

And modal content markup:

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.


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.