Components & Interactions
Create reusable experiences
9 guides
Animation Basics
Animations play a major role in modern web design.
Beginner
7 min
Button Interactions
Buttons are one of the most important interactive elements on any website.
Beginner
6 min
Page Transitions
Page transitions help create smooth, visually connected experiences when users navigate through a website. I
Beginner
8 min
Scroll Animations
Scroll animations are one of the most effective ways to create engaging, modern websites in Framer.
Intermediate
8 min
Creating Hover Effects
Hover effects are one of the simplest ways to make a website feel interactive, polished, and responsive.
Beginner
7 min
Variants Explained
Variants are one of the most powerful features in Framer because they allow a single component to have multiple visual or interactive states.
Beginner
6 min
Reusing Components Across Pages
One of the biggest advantages of components in Framer is the ability to reuse them across multiple pages while maintaining a single source of truth.
Intermediate
7 min
How to Create a Component in Framer
Components are one of the most valuable tools in Framer because they allow you to create reusable elements that can be used throughout your website.
Intermediate
7 min
What Are Components in Framer?
Components are one of the most powerful features in Framer.
Beginner
7 min