---
title: "Butterfly — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Rahul Verma · Backgrounds. A butterfly that chases your cursor with physics-based lag, flapping wings that speed up with movement, and a gentle float when idle."
canonical: "https://framer.elliotli.dev/component/butterfly"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Butterfly

# Butterfly

Animated cursor butterfly

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

![Butterfly preview image 1](https://framer.elliotli.dev/og/component/butterfly/1ee7570239aafa4b/1600x1200.jpg)

## Summary

A butterfly that chases your cursor with physics-based lag, flapping wings that speed up with movement, and a gentle float when idle.

## Description

A butterfly that chases your cursor with physics-based lag, flapping wings that speed up with movement, and a gentle float when idle. Built for Framer. Drop it on any page, set to Fixed position, done.

**What makes it different**

Most cursor components are just a dot or ring. This one has a fully animated SVG butterfly with vein detail, eye spots, antennae, and a body glow — all generated in code, no image files.

**Included**

-   6 hand-tuned color themes — Aurora, Monarch, Morpho, Luna, Rose, Obsidian
    
-   Wings flap faster when you move quickly, slower at rest
    
-   Idle float — butterfly bobs gently when your cursor stops
    
-   Tilts in the direction of travel
    
-   Touch support — follows finger drag on mobile
    
-   Hide Cursor toggle — replaces native pointer with the butterfly
    
-   Hide on Mobile toggle — auto-hides on screens under 768px
    
-   Fully adjustable via Framer property controls — no code editing needed
    

**Refund Policy** All sales are final due to the digital nature of this product. If you run into a technical issue, reach out and I'll help resolve it.

**Framer only. One workspace per license.**

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

-   All · #7549

## Details

- **Author**: Rahul Verma
- **Price**: $10.00
- **Published**: 2026-05-13
- **Updated**: 2026-05-13
- **Added**: 2026-04-29
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background