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.

Create a free website with Framer, the website builder loved by startups, designers and agencies.