Install Framer Motion - edithspace/ui

Stay updated about new components on Twitter

Installing Framer Motion

bash

npm install framer-motion

Framer Motion Example

index.tsx

import { motion, useScroll, useTransform } from "framer-motion";

const Home = () => {
  const { scrollYProgress } = useScroll();
  const rotate = useTransform(scrollYProgress, [0, 1], [0, 360]);

  return (
    <div>
      <motion.p
        className="text-2xl opacity-0"