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 component, connect your frames, then set the behaviour.
Drop it in and set the width to 100% of its parent frame.
Click and drag to connect the testimonial cards sitting off the canvas.
Works the same way, but adds autoplay so it flicks through on its own.
BUILD A TESTIMONIAL CAROUSEL
Scroll horizontally or use the arrows to move between cards.
FIX THE SIZING SO NOTHING CLIPS
Set the height and width so cards aren't cut off at the edges.
SET UP AN AUTOPLAY SLIDESHOW
Let it cycle through images on a delay, with the controls you choose.
Ticker Effects in Framer (Infinite Scroll)
Loop logos or cards forever with the Ticker component. Connect frames that live off the canvas, then tune the speed, direction and hover.
Lightbox Effects in Framer
Make any image or CMS gallery open in its own modal with one native effect. No components, no overlays, no workarounds.
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 testimonial carousel from three cards off the canvas, then rebuild it as an autoplay slideshow and compare.
04:25
PUBLISH CHECKLIST
Carousel inserted at 100% width
Cards connected from off canvas
Height set so nothing clips
Arrows tested
Slideshow autoplay 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 add a carousel in Framer?
Insert the carousel component, set its width to 100% of its parent frame, then connect the cards sitting off the canvas. The component displays them and the page stays tidy.
What's the difference between a carousel and a slideshow in Framer?
Both are interactive components that display frames from off the canvas. A slideshow adds autoplay so it cycles on its own, while a carousel moves on scroll or arrow clicks.
Why are my carousel cards getting cut off in Framer?
The component's height or width is too small for the connected frames. Set both on the carousel so the cards aren't clipped at the edges.
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
