Cool Animation with Framer Motion
It's a free and open source production-ready motion library for React.
Getting Started
Framer Motion Features
- Easy setup: You can install Framer Motion using yarn or npm.
- Use these commands:
npm install framer-motion
// or
yarn add framer-motion
- You can then include it as follows:
import { motion } from "framer-motion";
- There are different animations that you can choose from, ranging from transitions, Gestures, Scrolls, Enter-Exit animations, and keyframes, to mention a few.
- You can change fonts, colors, background images, and so much more when using Framer Motion.
- You can use Framer Motion with TypeScript and JavaScript.
Note: Framer Motion is an excellent alternative to making complex CSS animations!
Learn More
You can learn more from Framer Motion documentation.
Connect with me ^_^
If you like this article, kindly follow my github account for more and be sure to ⭐ it.