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.
Set its width to 100% of the frame it sits in and turn layout on.
Select the logos or cards sitting off the canvas and connect them as children.
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
FREQUENTLY ASKED QUESTIONS
Everything you need to know about this lesson.
How do I make an infinite scrolling logo row in Framer?
Insert the Ticker component, set its width to 100% and turn layout on, then connect the logo frames sitting off the canvas as its children.
What ticker speed should I use in Framer?
A speed between 25 and 50 works for most cases. You also set the direction and alignment, and can drop the speed on hover.
Can I slow a Framer ticker down on hover?
Yes. Set a slower hover speed on the component so visitors can actually read the content as it passes.
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
