Comprehensive animation support for ambitious Ember applications. Interactive Documentation is here.
Animated transitions between routes that work seamlessly with the Ember router.
A DSL for laying out your spatial route relationships, cleanly separated from view-layer implementation details.
Animated transitions between models within a single route.
Animated transitions between individual scalar values within a template.
Promise-driven API to control your animation flow.
Backed by velocity.js, but easy to extend to other animation drivers if there's interest.
Ember Compatibility Table
We support a wide range of Ember versions, but you must choose the correct version of liquid-fire:
|Ember Version||Liquid Fire Branch||Liquid Fire Release|
|1.8 through 1.10||oldstable||0.17.x|
|1.11 through 1.12||stable||0.19.x|
|1.13 and beyond||master||latest|
oldstable branches still receive bugfixes and PRs are
welcome, but new feature work happens on
This is an ember-cli addon, so all you need is an npm install. For Ember 1.13 or newer, use:
ember install liquid-fire
For older ember versions, consult the compatibility table above to pick the right liquid-fire version and then install with one of these:
ember install liquid-fire@^0.17.0 ember install liquid-fire@^0.19.0
This repo contains both the liquid-fire library and a demo application that presents interactive documentation. It follows standard ember-cli addon format.
- app: is code that's loaded directly into the user's application
- addon: is code that can be imported by the user from the
- tests/dummy: is the testing, demo, and documentation application
Selecting Ember Versions
Liquid Fire is tested against many versions of Ember using ember-try. The oldest supported version is listed in
package.json, and in CI we test every minor release since then, through beta and canary.