Framer: Beginner to Pro
Build powerful websites for your personal projects, take on client work, or sell Framer templates. All without writing a single line of code. We teach you how.
Course overview
FREE PREVIEWInstalling Framer
FREE PREVIEWFramer Starter File
Getting familiar with the Framer interface
Setting up the Hero Section
FREE PREVIEWCreating text & color styles
FREE PREVIEWCreating a button
Components & Variables
Images for the Hero section
Adding the Blur Effect
Making the Hero section responsive
Creating the top navigation bar
Making the Nav bar responsive
Hamburger menu button
Hamburger menu open state
Styling the hamburger menu
Section overview
Where to find company logos
Customizing logos for our website
Building out the validation section
Section overview
Setting up the section
Designing feature card component
Working with component variables
Designing the center card & making it responsive
Feature section overview
Setting up the section
Sticky positioning
Scroll variants
Customizing mobile experience