About Three Circle Cursor
Three Circle Cursor is a free Framer cursor trail component with three overlapping circles that follow the mouse pointer. Add a colorful pointer animation to creative portfolios and studio websites.
Features
Three circles create a layered mouse trail.
Controls available directly in the property panel.
For site-wide use, add it to your Main Layout. Set Z Index to 10, Pointer Events to None, and User Select to None.
What you can customize
Each circle’s color, overall size, and opacity.
Follow speed and pointer offset.
Best for
Designer and freelancer portfolios adding a colorful mouse trail to desktop browsing.
Creative studio websites matching three overlapping cursor circles to their brand palette.
Personal websites using a playful pointer animation around existing page content.
Experimental landing pages adjusting cursor trail speed, opacity, and size to suit the design.
Multi-page Framer websites placing the cursor in a Main Layout for a consistent pointer effect.
Share your work
Built with it? Tag me on X. I'd love to see it.
Need help?
Email hello@struxent.com.
Need a matching component?
Pair the cursor with playful, rounded details:
Interactive Footer for colorful artwork and springy pointer interaction.
Interactive 3D Hero for rounded floating objects in matching colors.
