Animations · TOPIC

Custom Cursors

Custom Cursors

Custom Cursors

Every Framer lesson that teaches or touches on Custom Cursors

Lessons that teach this

2 lessons teach this topic

12:17

Setting Up custom cursors in Framer (Animation Lesson 16)

Animations

13K views

·

October 7, 2025

16:55

Framer Update: Custom Cursors

Animations

57K views

·

February 8, 2024

Where it comes up

196 moments across 27 lessons

Setting Up custom cursors in Framer (Animation Lesson 16)Joseph

0:05cursor all the time? Well, lucky for us,0:07custom cursors in Framer let us design 0:10unique cursor styles that match our 0:18cursors to our sites.0:22To set a custom cursor, first we got to 0:25decide where on the page that cursor

Framer Update: Custom CursorsBenjamin

0:38custom cursors in framer so without 0:47native desktop cursors on this page and 1:34I would like the cursor to reflect the 1:41cursor to start I'll select the entirety 1:49then I'll head over to the new cursor 1:55can pick between a web cursor which is

Framer Event — Spring 2024, Introducing 3D Transforms, and a sneak peek at PluginsFramer

10:22with our recently announced custom cursor feature.10:26You can even switch cursor variants 11:32Here, I've simplified the demo site for custom cursors 12:35And custom cursors are no exception.12:38Now in Framer, you can swap out your cursor 13:05To set a page level cursor,

Using Hover and Press Effects in Framer (Animation Lesson 2)Joseph

1:11when the cursor is hovered over it. So,3:25instead of just hovering the cursor over 3:30desktop where we actually have a cursor,5:06as the cursor mouses over it. And there

Framer Update: Canvas and Preview ImprovementsBenjamin

0:13rotation notice the cursors and how they 0:25increments today our rotation cursors 2:20redesigned our resize cursors to 2:31notice how the cursor is not perfectly

Creating Animated Component Interactions (Animation Lesson 11)Joseph

4:58keyboard, and your cursor turns into a 5:23enter, which means hovering your cursor 5:29cursor away from the trigger layer. Then

Framer Update: 3D TransformsBenjamin

10:29cursor feature you can even switch 10:32cursor variants without interrupting 11:43side for custom cursors and am

Framer Update: Relative Overlays. Easily design dropdown navigations in FramerBenjamin

8:43our overlay menu when we move the cursor 8:53calculate a safe area for your cursor to 9:02you're moving your cursor as a final

Framer Update: Multi-Stop and Conic GradientsFramer

1:33To rotate linear gradients move your cursor just outside of the start or en 2:51And placing my cursor just outside of that center point allows me to change 2:57This also works when placing my cursor just outside of the circle.

Framer Update: New EffectsBenjamin

7:55about which default cursors it assigns 8:03give it a grab cursor on Hover and a 8:06grabbing cursor while you're dragging

Framer Update: CMS ComponentsEdo

0:46I place my cursor just below the first 2:12If I place my cursor here and type

Using the Drag Effect in Framer (Animation Lesson 5)Joseph

1:16cursor. I'm going to leave it on 2:09stop moving my cursor, you'll see it

Adding Links in Framer (Fundamentals Lesson 15)Joseph

3:29visitor mouses their cursor over it 8:29my cursor so in this case I actually

Make A Responsive Navigation With Dropdown Menus From ScratchBenjamin

3:44I see I get a little text cursor here on 3:50yet to fix the cursor I'll add a user

Framer Community Show & Tell July 24, 2023—Alex Socoloff, and Joris RoodFramer

9:20which is how did you get a custom cursor 9:24really nice custom cursor on that on

Framer Update: Ticker EffectBenjamin

3:50And then let&#39;s also add a web cursor to

SEO and Accessibility in Framer (Fundamentals Lesson 26)Joseph

6:41movement animations and custom cursors

Intro to Components in Framer (Fundamentals Lesson 21)Joseph

4:37the cursor hovers over it so that part's

Text Properties in Framer (Fundamentals Lesson 17)Joseph

10:53actually just hover your cursor over any

Framer Update: Layout TemplatesBenjamin

3:01and other styles like consistent cursors

The Framer Spring Event in :90Benjamin

0:27we&#39;ve shipped a lot custom cursors

Framer CMS Update: New Filters, Field Descriptions, Multi-Select, Image Focal PointsEdo

1:23cursors and there it is a new item

Framer Update: Bold & ItalicHunter

0:34with this release while your cursor is

Framer Community Show & Tell August 3, 2023—Jia Yu Hong from LottieFiles and Paul LapkinFramer

2:38with your personal cursor position and

Framer Update: Slideshow 2.0Framer

1:12now you can see a little hand cursor

Framer Event — Introducing Agents, Branching, and a new CommunityFramer

29:14cursor, codex, and other LLMs.

8 Framer shortcuts you're probably sleeping onJoseph

1:18on a Mac or control an alt on a PC, then start dragging. Your cursor will h

Create a free website with Framer, the website builder loved by startups, designers and agencies.