ember-animated-tools

Components that help you develop and debug ember-animated transitions

Usage no npm install needed!

<script type="module">
  import emberAnimatedTools from 'https://cdn.skypack.dev/ember-animated-tools';
</script>

README

Ember Animated Tools

A widget useful for slowing down and debugging Ember Animated animations.

Compatibility

  • Ember.js v3.4 or above
  • Ember CLI v3.4 or above
  • Node.js v12 or above

Note: This addon supports Ember.js 3.4 or above however you would need ember-animated v0.9.0 to support Ember.js v3.9 or below.

Installation

ember install ember-animated-tools

Usage

Add the slideable widget:

<AnimatedTools />

Or add it, but keep it hidden until a hotkey reveals it:

<AnimatedTools @hideUntilKeys="Ctrl-Shift-KeyA" />

Or if you want to use the lower-level pieces, you can directly place the <MotionIndicator /> or <TimeControl /> components wherever you like.

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.