Part of 100+ video lessons
Short, step-by-step lessons you can rewatch anytime.
Hands-on project
Follow along in the host project and build as you learn.
Certificate path
Counts toward your Framer Fundamentals certificate.
Insert the ticker, connect your frames, then tune how it moves.
Insert the ticker
Set its width to 100% of the frame it sits in and turn layout on.
Connect your frames
Select the logos or cards sitting off the canvas and connect them as children.
Tune speed and hover
Speed between 25 and 50 works for most cases. Set direction, alignment and a slower hover speed.
BUILD AN INFINITE LOGO LOOP
A row of logos that scrolls forever, built from frames off the canvas.
CONTROL SPEED AND DIRECTION
Set which way it travels, how fast, and how the items line up.
SLOW IT DOWN ON HOVER
Drop the speed when someone hovers, so they can actually read it.
Carousels and Slideshows in Framer
Both are built in. Connect frames from off the canvas to a carousel or a slideshow component, then configure how they move.
Layout in Framer
Framer's layout system works like auto layout in Figma or Flexbox in Webflow. Learn how stacks and grids bring alignment and order to your elements.
CURRICULUM
WHAT YOU'LL LEARN IN THIS COURSE
In the Ultimate Framer Masterclass, you’ll master Framer from the ground up. Follow real projects, get expert feedback, and finally design and ship the way you’ve always wanted to.
Build a logo ticker from five frames off the canvas, set the speed to 30, then slow it to 0.5 on hover.
02:51
PUBLISH CHECKLIST
Ticker inserted at 100% width
Frames connected as children
Speed set between 25 and 50
Direction chosen
Hover speed set
Checked on mobile
TRY IT OUT
Cesar Rodrigues
Founder, Craate Creative
CERTIFICATION
BECOME A CERTIFIED FRAMER MASTER
Earn 3 official certifications that show you don’t just know Framer, but you can
design, build, and execute real pixel-perfect sites.
Rated excellent by 900+ students
4.8
Lifetime access
14-day money-back guarantee
Stream anywhere
