JAVASCRIPT

framer motion styled components

import styled from "styled-components";
import { motion } from "framer-motion";

const AnimatedDiv = styled(motion.div)`
  background-color: rebeccapurple;
  width: 200px;
  height: 200px;
`;

//Use in component like:
<AnimatedDiv animate={{ scale: 3 }} />