Lesson directory
Welcome to the Framer Starter Kit, your foundational playground. This kit powers nearly all lessons in the Fundamentals module.
Module 01 | Fundamentals
Sizing
Go to page
/fundamentals/sizing
Layout
Go to page
/fundamentals/layout
Positioning
Go to page
/fundamentals/positioning
Properties Panel
Go to page
/fundamentals/Properties_Panel
Assets & Styles
Go to page
/fundamentals/styles
Building Sections
Go to page
/fundamentals/Section_Anatomy
Building Your First Hero
Go to page
/fundamentals/hero_section
Overview of Components
Go to page
Asset "ComponentDemo"
Building Your First Navbar
Go to page
/components/navbar_demo
Page Templates
Go to page
/components/pagetemplates
Introduction to the CMS
Go to page
CMS
Importing Content into the CMS
Go to page
CMS
References & Multi-References
Go to page
CMS
Collection Lists
Go to page
/cms/blog
Collection Detail Pages
Go to page
/cms/blog
Adding Search
Go to page
/cms/blog
Conditions & Transforms
Go to page
/fundamentals/3d_transforms
Intro to Effects
Go to page
/effects/intro
Basic Effects
Go to page
/effects/basic
Scroll Effects
Go to page
/effects/scroll
Text Effects
Go to page
/effects/scroll
Parallax Effect
Go to page
/effects/parallax
Forms
Go to page
/utility/forms
Ticker Effects
Go to page
/utility/ticker
Carousels & Slideshows
Go to page
/utility/carousels_slideshows
Using Video in Framer
Go to page
/utility/video
Icons
Go to page
/utility/icons
Vectors
Go to page
/utility/vectors
Utilizing Plugins
Go to page
/utility/plugins
Lottie Animations
Go to page
/utility/lottie
Spline Animations
Go to page
/utility/spline
3D Transforms
Go to page
/utility/3d_transforms
Intermediate lessons
Interactions & Events
Go to page
/intermediate/interactions
Animating Components
Go to page
/intermediate/animating_components
Creating Logic with Components
Go to page
/intermediate/logic
Interactive Pricing Card
Go to page
/intermediate/pricing_card
Animated Navbar
Go to page
/intermediate/animated_navbar
Scroll Sections
Go to page
/intermediate/scroll_sections
Custom Cursors
Go to page
/intermediate/cursors
Horizontal Scroll Animations
Go to page
/intermediate/horizontal_scroll
3D Hover Effects
Go to page
/intermediate/3d_hover_effect
Overlays
Go to page
/intermediate/overlays
Bento Grids
Go to page
/intermediate/bento_grid
Code Components & Overrides
Go to page
/intermediate/code