component
Custom Circle Cursor
By Troy Miller
Details
- Troy MillerAuthor
- componentType
- 2025-09-16Published
- 2026-06-12Updated
- 2025-09-03Added
- CursorsCategories
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.
- All · #754