Vue.js 2 Design Patterns and Best Practices

Animate.css

Animate.css is a great way of implementing different types of animation easily into your project. It's an open source CSS library created by Daniel Eden (https://daneden.me/) and it gives us access to "plug and play" CSS animations.

Prior to adding it to any project, head over to https://daneden.github.io/animate.css/ and preview the different animation styles. There are a lot of different animations to choose from, with each offering a different default animation. These can be further customized and we’ll talk more about that later on in the section.

Go ahead and create a playground project by running the following in our Terminal:

 Create a new Vue project$ vue init webpack-simple vue-animate-css# Navigate to directory$ cd vue-animate-css ...