#11 Animate Your App

Sponsor

Frontend Weekly
The best articles, links and news related to Frontend Development delivered once a week to your inbox.

Tip

Liquid Fire is a great ember addon that allows you easily animate your UI.  Install it with:

Let’s create 2 routes to test this.
 ember g route blue
 ember g route red
Change {{outlet}} to {{liquid-outlet}} in your hbs templates
Create a file trasitions.js in the root of your app (next router.js) and add this example transition to it

 See it in action at http://emberdaily-tip11.pubstorm.site or checkout the results in the animated gif.

Links

Github repo at https://github.com/ember-animation/liquid-fire
Documentation at http://ember-animation.github.io/liquid-fire/

That’s it for today!

Let me know what you think of today’s tip.  Thanks.

Published by

Emad Ibrahim

Author of asp .net MVC & TDD, entrepreneur, passionate technologist, programmer and productivity nut. more at http://t.co/oSJXPvzu