Reactive animation package for Meteor.
Momentum allows you to easily and simply re-use animation behaviour in your app via plugins that can be shared easily.
meteor add percolate:momentum
Wrap an element which is being added or removed (or moved) from the DOM in
{{#momentum plugin='X'}}
{{! your content }}
{{/momentum}}
For example
{{#momentum plugin='right-to-left'}}
{{#if show}}
<p>My text!</p>
{{/if}}
{{/momentum}}
When the show
helper changes the element will appear as normal, but mediated by the right-to-left
plugin (see the examples folder for some example plugins).
Makes it easy to drive css transitions. By default adds the .in
, .out
and .off-screen
classes to conrol the transition. Use the extra
option to set another class during the transition. Add a timeout
as a fallback if the transtionEnd
event doesn't fire.
A simple, but useful plugin to do a "growl" style system notification animation.
Good for mobile-style page-page transition animations.
Writing a plugin is simple. See the existing plugins for examples. You just need to provide an insertElement
and removeElement
(and optionally moveElement
) hook. These have the same API as Meteor's _uihooks
.
It would make sense to build packages that provide extra plugins. If there's something you need in the core package to make your package work, please, open an issue or make a pull request.