Breaking News: Grepper is joining You.com. Read the official announcement!

How to use React Framer-Motion

Add Answer

Gabriele Orlandi answered on August 13, 2021 Popularity 10/10 Helpfulness 6/10

answer How to use React Framer-Motion

related framer-motion in react

related framer motion react

How to use React Framer-Motion

Comment

// INSTALL:
npm install framer-motion

// IMPORT: in your APP.js or any component file
import {motion} from framer-motion

// USE: motion gives different props like animate, initial, transition, etc..
<motion.div animate={{y:250,transition:{duration:2,delay:1} }}
initial={{x:100}}> Quantity</motion.div>

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: framer-motion javascript

Link to this answer
Share Copy Link

Contributed on Sep 21 2022

Gabriele Orlandi

0 Answers Avg Quality 2/10

Closely Related Answers

framer-motion in react

Comment

import React from "react";
import { motion } from "framer-motion";
import "./styles.css";

export default function App() {
  return (
    <div className="my-container">
      <motion.div whileHover={{ scale: 1.2 }} whileTap={{ scale: 0.8 }} />
    </div>
  );
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.syncfusion.com

Tags: framer-motion fr

Link to this answer
Share Copy Link

Contributed on Jan 28 2023

Aggressive Armadillo

0 Answers Avg Quality 2/10

framer motion react

Comment

<motion.div  animate={{    x: 0,    y: 0,    scale: 1,    rotate: 0,  }}/>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: www.framer.com

Tags: framer-motion fr

Link to this answer
Share Copy Link

Contributed on Aug 13 2021

Puzzled Plover

0 Answers Avg Quality 2/10

How to use React Framer-Motion

Contents

More Related Answers

How to use React Framer-Motion

Closely Related Answers

framer-motion in react

framer motion react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.