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

Watch video Framer Components For Beginners (Netflix Carousel) online without registration, duration hours minute second in high quality. This video was added by user Tim Gabe 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17,891 once and liked it 532 people.