---
title: "Text image cursor — Free Framer component · Best of Framer"
description: "Free Framer component · by Design with bharath · Cursors. Get detaield guide below Custom Hover Cursor Text Mode: Display custom text when hovering (\"PLAY\" / \"PAUSE\") Image Mode: Show custom…"
canonical: "https://framer.elliotli.dev/component/text-image-cursor"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Text image cursor

# Text image cursor

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

![Text image cursor preview image 1](https://framer.elliotli.dev/og/component/text-image-cursor/45df5512d20407fb/1600x1200.jpg)

## Summary

Get detaield guide below Custom Hover Cursor Text Mode: Display custom text when hovering ("PLAY" / "PAUSE") Image Mode: Show custom image cursor with adjustable size Default…

## Description

Get detaield guide below

### Custom Hover Cursor

-   **Text Mode**: Display custom text when hovering ("PLAY" / "PAUSE")
    
-   **Image Mode**: Show custom image cursor with adjustable size
    
-   **Default Mode**: Standard cursor behavior
    

### Custom Styles

-   **Text Buttons**: Clean text-based controls (e.g., "PLAY", "SOUND OFF")
    
-   **Icon Buttons**: Custom icons or emoji fallbacks
    
-   **Hidden Controls**: Minimal interface with click-to-play
    

### Full Customization

-   **Typography**: Separate font controls for buttons and cursor text
    
-   **Colors**: Custom primary color and background color
    
-   **Border Radius**: Adjustable corner rounding
    
-   **Icon Sizing**: Control icon and cursor image dimensions
    
-   **Button Labels**: Customize all button text (Play, Pause, Mute, etc.)
    
-   **Icon Upload**: Use your own icons for all controls
    

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

-   All · #3742

## Details

- **Author**: Design with bharath
- **Published**: 2025-11-20
- **Updated**: 2025-12-23
- **Added**: 2025-11-11
- **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…