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.
Set a web cursor, then swap in a component and choose how it behaves.
Set a web cursor
Apply one to the page, or to a single frame for a different cursor there.
Use your own component
Under cursor, choose custom and pick a component you've built.
Follow or replace
Follow keeps the pointer and trails your component. Replace swaps it entirely.
SET A CURSOR PER PAGE OR ELEMENT
Control the pointer everywhere, or just over one frame.
REPLACE THE POINTER WITH A COMPONENT
Anything you can design can become the cursor.
ANIMATE IT
Add interactions between variants so the cursor loops or reacts.
Lottie Animations in Framer
Add animated illustrations from the LottieFiles plugin, recolour them to match your brand, and control how they play.
Animating a Navbar in Framer
Take a navbar component and bring it to life: a mega menu on hover, a start state that animates in on load, and an appear effect that slides it down from the top.
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.
Set a custom cursor for one section using a component, try both follow and replace, then animate it.
04:42
PUBLISH CHECKLIST
Web cursor set on the page
Different cursor on one element
Component built for the cursor
Follow or replace chosen
Animation added
Checked it degrades on touch
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
