https://github.com/wpj/ui-router-statetransitions
State transition animations using UI-Router & Angular.js
https://github.com/wpj/ui-router-statetransitions
Last synced: about 1 year ago
JSON representation
State transition animations using UI-Router & Angular.js
- Host: GitHub
- URL: https://github.com/wpj/ui-router-statetransitions
- Owner: wpj
- Created: 2014-08-31T20:29:05.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2014-11-14T00:28:48.000Z (over 11 years ago)
- Last Synced: 2025-01-21T09:13:46.680Z (over 1 year ago)
- Language: JavaScript
- Size: 188 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
UI-Router State Transitions
===========================
Sliding animation between application state using [UI-Router](https://github.com/angular-ui/ui-router). Design taken from [Codrops](https://github.com/codrops)'s [Full screen layout with page transitions demo](https://github.com/codrops/FullscreenLayoutPageTransitions/). Takes advantages of UI-Router's deep-linking capabilities.
###Installation
1. $ npm install && bower install to install dependencies
2. $ gulp to compile build directory and start browser-sync server
###Demo
[Plunkr](http://embed.plnkr.co/fyGPr9/preview) (normally you would see the URL update as you're navigating between states, but Plunkr uses iframes to display content, so I put back buttons into the demo example)