Skip to content

component

Custom Circle Cursor

By Troy Miller

Details

Summary

Sleek, animated, and fully customizable

Description

Transform your website's user experience with a sleek, professional custom cursor that replaces the default system cursor. Perfect for creating modern, interactive designs that stand out. ✨ What it does: Replaces the default cursor with a customizable dot + ring design Smooth animations on hover and click interactions Automatically detects and responds to buttons, links, and interactive elements Mobile-responsive (hides on touch devices by default) 🎨 Fully customizable: Adjust dot and ring sizes, colors, and border width Multiple blend modes (difference, overlay, multiply, etc.) Custom hover and click scale animations Adjustable animation speeds and opacity Toggle default cursor visibility 💼 Perfect for: Portfolio websites and creative agencies Modern SaaS landing pages E-commerce sites wanting to enhance UX Any project needing that premium, polished feel 🚀 Easy to use: Simply drag the component onto your canvas - no coding required! All customization happens through Framer's visual property panel. The cursor automatically works across your entire site. For design work, questions, or help, please reach out at https://www.fireislanddesign.com/

Introduction

Sleek, animated, and fully customizable

Rank history

Daily rank per list, from the first snapshot — lower is better.

12515017519168/148/228/309/79/15
  • All · #754