---
title: "Cursorkit — Framer component · Best of Framer"
description: "$10.00 · Framer component · by ahmad shaarawy · Cursors. CursorKit gives you complete control over your Framer cursor."
canonical: "https://framer.elliotli.dev/component/cursorkit"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Cursorkit

# Cursorkit

Custom SVG cursor

[View on Framer](https://framer.com/marketplace/components/cursorkit/?via=elliot-li)

![Cursorkit preview image 1](https://framer.elliotli.dev/og/component/cursorkit/765d55ab19f8b3ca/1600x1200.jpg)

## Summary

CursorKit gives you complete control over your Framer cursor.

## Description

CursorKit gives you complete control over your Framer cursor. Drop it on any page and instantly replace the default cursor with something that matches your brand.

What it does:

\- 5 cursor types — circle, square, SVG path, upload your own PNG/SVG, or text

\- Cursor trail — fading dot trail that follows your movement

\- 6 blend modes — normal, difference, exclusion, screen, overlay, multiply

\- Adaptive color — auto-detects light and dark backgrounds and switches color

\- Hover state — detects buttons, links, and clickable elements automatically

\- Click state — scales down on click for satisfying tactile feedback

\- Stop text — shows a tooltip when the cursor stops moving

\- Mobile safe — automatically hidden on touch devices

\- Portal rendering — works correctly across all Framer layouts

How to use:

1\. Add CursorKit to any page

2\. Set a fixed size (e.g. 1x1px — it renders globally via portal)

3\. Choose your cursor type and color

4\. Enable trail and blend mode if desired

5\. Publish and enjoy

Tips:

\- Use "Difference" blend mode on dark pages for a stunning invert effect

\- Match your hover color to your brand accent

\- Set follow speed to 2 for instant snap, lower for a smooth lag effect

## Rank history [How rankings work →](/terms#rankings)

-   All · #3519

## Details

- **Author**: ahmad shaarawy
- **Price**: $10.00
- **Published**: 2026-05-26
- **Updated**: 2026-07-02
- **Added**: 2026-05-19
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…