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

next js animation

Add Answer

Tan_Xin answered on February 13, 2023 Popularity 9/10 Helpfulness 4/10

answer next js animation

related animations in next js

next js animation

Comment

Animations in NextJS

Step 1:
Install the package named "Framer Motion" as follows:
-- npm i framer-motion
-- yarn add framer-motion
☝ Use one of the above (both would work though)

✨ docs: 'https://www.npmjs.com/package/framer-motion' AND 'https://www.framer.com/motion/'

Step 2:
just read the documentation and make something you want!

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: animation javascript next

Link to this answer
Share Copy Link

Contributed on Mar 21 2023

Tan_Xin

0 Answers Avg Quality 2/10

Closely Related Answers

animations in next js

Comment

-1

<motion.div initial="hidden" animate="visible" variants={{
  hidden: {
    scale: .8,
    opacity: 0
  },
  visible: {
    scale: 1,
    opacity: 1,
    transition: {
      delay: 3
    }
  },
}}>
  <h1 className="title">
    Wubba Lubba Dub Dub!
  </h1>
</motion.div>

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: www.freecodecamp.org

Tags: javascript j

Link to this answer
Share Copy Link