Variant Vault Usage Guide

Using Variant Vault is easy. All you need to do is install Framer Motion and copy and paste the code into your project.

Step 1: Install Framer Motion

yarn add framer-motion

Here are all the variant definitions in case you want to make a constants file.


Discover beautiful variants for your next project now!

Thank you for using Variant Vault. I hope you enjoy it.

Why Use Variant Vault?
Variant Vault contains ready to use animations & variants for your next project. These are production-ready and can be used in any of your apps.
Why Framer Motion?
Framer Motion is one of the most popular animation libraries for React with an average of 2M+ weekly downloads on NPM. It's easy to use and has a great API.
Do I need to pay to use Variant Vault?
No!!! It's completely free to use. You can copy and paste the code into your own project.
Can I use Variant Vault in my commercial projects?
Yes! You can use Variant Vault in your personal and commercial projects.
Do I need to give credit to Variant Vault?
No, you don't need to give credit to Variant Vault. However, if you want to, you can link to Variant Vault on Twitter @abdo_eth.