---
title: "Butterfly Cursor — Free Framer component · Best of Framer"
description: "Free Framer component · by Shouvik Biswas · Cursors. Butterfly Cursor to your canvas Customize the styling to match your brand seamlessly Hit publish and bring your butterfly to life Bring…"
canonical: "https://framer.elliotli.dev/component/butterfly-cursor"
---

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

# Butterfly Cursor

Butterfly Cursor with Wing Motion

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

![Butterfly Cursor preview image 1](https://framer.elliotli.dev/og/component/butterfly-cursor/1325b4ff9bece4a7/1600x1200.jpg)

## Summary

Butterfly Cursor to your canvas Customize the styling to match your brand seamlessly Hit publish and bring your butterfly to life Bring every cursor movement to life with fluid,…

## Description

![Butterfly Cursor Property Controls](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ojtmsapr-8yxFR9BiwZ8Mb0EsNZgQtw1O5YoRR1)Butterfly Cursor Property Controls

## Features

-   Lifelike wing motion that brings the butterfly to life with every movement
    
-   Ultra-smooth spring-based tracking for a fluid, polished cursor experience
    
-   Dynamic directional rotation that naturally follows cursor velocity
    
-   Fully adjustable size to create anything from subtle detail to bold presence
    
-   Advanced smoothing control to precisely shape motion and responsiveness
    
-   Custom color styling for seamless integration with any branding
    
-   Click-triggered motion boost that adds energy and interaction feedback
    
-   Optional native cursor hide for a clean, fully immersive experience
    

## How to Use

-   Add Butterfly Cursor to your canvas
    
-   Customize the styling to match your brand seamlessly
    
-   Hit publish and bring your butterfly to life
    

**Bring every cursor movement to life with fluid, lifelike experience.**

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

-   All · #1100

## Details

- **Author**: Shouvik Biswas
- **Published**: 2026-04-23
- **Updated**: 2026-09-22
- **Added**: 2026-04-09
- **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…