What are Property Controls in a Framer component?
Why use components in Framer?
How do animations work with motion in Framer components?
Framer uses the framer-motion library for declarative animations. You wrap JSX elements with <motion.*> components like <motion.div> or <motion.svg>. Using props like animate, initial, and transition, you control smooth state changes and transitions of CSS properties such as opacity, scale, and rotate.