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.
Find it in the plugin, theme it, then set how it plays.
Open the LottieFiles plugin
Browse animations from the plugins menu at the bottom of the panel.
Theme the colours
Recolour the animation to match your brand before you add it.
Set how it plays
It lands as a component with loop, speed and direction controls.
ADD AN ANIMATION IN SECONDS
Pick one from the plugin and drop it straight onto the canvas.
MATCH IT TO YOUR BRAND
Change the colours rather than settling for the default.
CONTROL LOOP, SPEED AND DIRECTION
Slow it down, loop it, or play it in reverse from the panel.
Custom Cursors in Framer
Two kinds of cursor, on a whole page or a single element: the standard web cursors, and components that follow or replace the pointer.
Scroll Sections in Framer
A scroll section gives part of a page its own identifier, so links can jump straight to it and effects can trigger from it.
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.
Add a Lottie to a hero section, recolour it to your brand, then halve the speed and loop it.
02:07
PUBLISH CHECKLIST
Plugin opened
Animation chosen
Colours themed
Added to the canvas
Loop and 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
