3 Circle Cursor

Three circles. One silky cursor.

3 Circles Cursor replaces your default cursor with three layered circles that follow your mouse at different speeds, creating a fluid, staggered trail effect. Each circle is fully independent — customize the color, size, and lag to build anything from a subtle glow to a bold visual statement.

The blend mode control is where the real magic happens. Set it to screen on dark backgrounds or multiply on light ones to let the circles interact with your page content rather than sit on top of it. Combined with the opacity slider, you have full control over how present or subtle the effect feels.

On hover, the innermost circle expands to match the size of the outer circle, merging into one unified shape — a clean, satisfying interaction that signals clickability without relying on a traditional pointer cursor.

Drop it anywhere on your Framer canvas. It runs fixed across the full viewport, so placement doesn't matter. Works across all pages and layers automatically, and hides itself on mobile so it never interferes with touch interactions.

IMPORTANT: Due to the nature of digital code components, all sales are final and non-refundable. Once purchased, you receive immediate access to the complete component code, which cannot be returned.

Before purchasing, please:

• Review the component demo and documentation carefully

• Check the feature list to ensure it meets your needs

• Contact us at [email protected] with any pre-purchase questions

For design work, questions, or help, please reach out at https://www.fireislanddesign.com/