Framer Components For Beginners (Netflix Carousel)

Published: 01 January 1970
on channel: Tim Gabe

17,891

532

In this tutorial we'll learn to master components in Framer by recreating button, card and carousel components. We'll cover things like states, variants, variables and nested components — giving you everything you need to create whatever you can imagine.

🔴 Working File: https://timgabe.com/resources/netflix...

Timecodes
0:00 - Introduction to Netflix-style carousel in Framer.
0:07 - Overview of states, variants, and nesting.
0:21 - Start of button component creation.
0:53 - Introduction of button hover states.
1:27 - Setting up button hover effects.
1:46 - Demo of the hover effect.
2:06 - Explanation of pressed states.
2:12 - Dive into Framer variants.
2:30 - Making different button variants.
3:13 - Applying button on main canvas.
3:31 - Introduction to dynamic variables.
4:35 - Crafting the movie card with nested components.
5:37 - Use of variants in the card design.
6:02 - Enhancing movie card hover features.
6:56 - Highlighting nested component features.
7:02 - Carousel creation begins.
8:08 - Showcase of the final carousel design.

#framer #framertutorial