---
title: "Cursor Pet — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Cursors. What is Cursor Pet?"
canonical: "https://framer.elliotli.dev/component/cursor-pet"
---

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

# Cursor Pet

A pixel pet that follows your cursor

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

![Cursor Pet preview image 1](https://framer.elliotli.dev/og/component/cursor-pet/715745d32d997e17/1600x1200.jpg)

## Summary

What is Cursor Pet?

## Description

## What is Cursor Pet?

Cursor Pet is a self-contained, physics-based pixel-art cat that follows your visitor's cursor in real time. It features four hand-crafted cat variants with directional walking animations, idle states, sleep behaviour, and interactive responses to clicks and holds. Perfect for portfolio sites, creative agencies, indie game studios, and any brand that wants to add warmth and personality to their web presence.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Four pixel-art cat variants — Silver, Ginger, Cream, and Caramel — each with unique accent colours and full directional sprite animations.
    
-   Physics-based movement with smooth acceleration, friction, and boundary detection. The cat gently follows the cursor and stops naturally.
    
-   Rich interaction system — single click triggers floating pixel hearts, double click triggers a play-dead animation with star particles, and holding down activates a petting mode with hearts and sparkle effects.
    
-   Idle and sleep behaviours — the cat falls asleep with floating "z" particles when left alone.
    

## Controls inside Framer

### Appearance

-   Cat — choose between Silver, Ginger, Cream, or Caramel variants.
    
-   Pet Size — adjust display size from 32px to 128px. Multiples of 32 render crispest.
    
-   Speed — control how quickly the cat follows the cursor, from 0.3x to 3x.
    

### Effects

-   Hearts on Click — enable or disable heart particles when clicking near the cat.
    
-   Heart Color — override the default heart colour with any custom colour.
    
-   Petting (Hold) — enable or disable the hold-to-pet interaction.
    
-   Petting Sparkle Color — customise the colour of sparkle particles during petting.
    

## Best use cases

-   Portfolio and personal sites — add a memorable, playful detail that makes your site stand out and keeps visitors engaged.
    
-   Creative agency and studio sites — reinforce a fun, approachable brand personality without compromising professionalism.
    
-   Landing pages and product launches — surprise and delight visitors with an interactive Easter egg that encourages exploration.
    
-   Community and gaming sites — complement pixel-art aesthetics or gaming themes with an on-brand interactive mascot.
    

Drop Cursor Pet onto any frame, pick your cat, and publish.

## Questions or custom requests?

-   We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).
    

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

-   All · #5251

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-02-18
- **Updated**: 2026-06-13
- **Added**: 2026-02-15
- **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…