---
title: "Cursor Structule — Free Framer component · Best of Framer"
description: "Free Framer component · by Damian Patkowski · Cursors. Custom Crosshair with Hover"
canonical: "https://framer.elliotli.dev/component/cursor-structule"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Cursor Structule

# Cursor Structule

Custom Crosshair with Hover

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

![Cursor Structule preview image 1](https://framer.elliotli.dev/og/component/cursor-structule/d9444f16ef9f3dd2/1600x1036.jpg)

## Summary

Custom Crosshair with Hover

## Description

An interactive crosshair custom cursor component for Framer with smooth spring animations, hover effects, gradient line highlights, and fully customizable controls.

**Key Features**

-   **Property Controls:** Easily customize default & hover colors, dot sizes, and toggle lines directly from the Framer sidebar.
    
-   **Smart Hover State:** Automatically detects interactive elements (buttons, links, inputs) and triggers a purple accent, smooth dot scaling, an expanding outer ring, and central gradient line highlights.
    

**How to Hide Default Browser Cursor** To prevent the default system cursor from showing over your new custom cursor:

1.  Go to **Project Settings** in Framer.
    
2.  Select **Custom Code** and find the **End of** section.
    
3.  Paste the following snippet:
    
    `<style>`
    
    `* {`
    
    `cursor: none !important;`
    
    `}`
    
    `</style>`
    

**How to Use**

1.  Drag and drop the component anywhere onto your canvas or inside your main desktop layout frame.
    
2.  Customize the component properties (Default Color, Hover Color, Dot Sizes, Show Lines) using the right-hand panel controls.
    

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

-   All · #1407

## Details

- **Author**: Damian Patkowski
- **Published**: 2026-08-31
- **Updated**: 2026-08-31
- **Added**: 2026-08-31
- **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…