DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 964,423 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Mikhail Panichev
Mikhail Panichev

Posted on

Easy data animations in Vue with Vuenime

Few times in a row I have been creating data visualizations with animations that incapable of CSS transitions. Every time I implemented all animation logic from scratch using Animejs.
Except for the last one when I realized that the combination of the watch property and anime call can provide a simple way to create a wrapper component for declarative animations.

And I wrote it.

Then I discovered that there are no such packages in npm. Okay, there is vue-anime but it just adds $anime to Vue prototype and provides v-anime directive (which is limited to DOM node; also I don't use directives at all because of JSX).

And I made an npm package.

Frankly, it was a long process of finding free time, deciding how to provide documentation, which features are necessary for release, and so on. But I turned off the perfectionism and here it is!

I hope you find this package useful and give me some feedback!

NPM Package
GitHub Repo
Storybook

Top comments (0)

πŸ‘‹ New to DEV?

Head over to our Welcome Thread and tell us a bit about yourself!