This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Josh Ackerman
Posted Aug 19 - Read on Facebook

I have been playing around with dynamically controlling the cursor in FramerJS. I think there is a lot of potential in being able to very precisely control how the cursor acts and appears. In this example, you can see a large cursor, shrink so the user can accurately access a button.

Like on Dribbble: http://drbl.in/pIYU

6 Comments

Dennis Kerzig

I really like the idea of this and btw the simplicity of your interface :) But IMHO the spring animation should be way less intrusive.

Josh Ackerman

I agree. This was more of a proof of concept, therefore I took the easy way out and used the default spring animation in Framer.

Jordan Robert Dobson

I do like the idea of the cursor responding to things you can click on / interact with.

Dennis Kerzig

You could even expand this concept further to display contextual information within the cursor for example when the cursor is above a clickable/scrollable/dragable area.

Josh Ackerman

Definitely! I am also experimenting with fish eye distortion around the cursor, along with adaptive colors to maximize visibility of the cursor on different backgrounds. Also the new CSS back filters could be used to make some cool things.

Jordan Robert Dobson

Mix blend mode difference could work. I don't really see much benefit in messing with the scale of the cursor however.

Read the entire post on Facebook