Getting started


Leaps is a set of simple, physics-based Vue.js animation components. It covers the most of your UI related animation needs where CSS just isn't enough anymore.

Leaps does not have to resort to using hard-coded easing curves and duration. Set up a stiffness and damping for your UI element, and let the magic of physics take care of the rest This isn't meant to solve each and every problem, but rather give you tools that are flexible enough to confidently cast ideas into moving interfaces.

Available Components


First step is to install it using yarn or npm:

npm install leaps

# or use yarn
yarn add leaps