Three Circle Cursor

Show Preview
Three Circle Cursor

About Three Circle Cursor

Give your website a more interactive feel with Three Circle Cursor - a lightweight Framer code component that creates a smooth, colorful pointer trail using three overlapping circles.

Customize each circle’s color, overall size, follow speed, pointer offset, and opacity directly from the property panel.

How To Use:

  1. Add the component to your Main Layout so the cursor appears across all pages.

  2. Set the component’s Z Index to 10.

  3. Set Pointer Events and User Select to None.

Remix the setup example here