New release · plug-and-play widget
A cat that actually chases your cursor.
Drop it into any website and a little cat appears — walking, running, pouncing, and catching your visitor's mouse with real inertia. It's an actual physics-driven state machine, not a canned GIF.
- 30-day money back guarantee
- Commercial license included
- Zero dependencies
This is the real widget engine running live — not a recording.
9
Animation states
<2 min
To install
0
Dependencies
4
Lines of HTML
What's included
Everything you need to ship it today — plus the tool to make it your own.
The widget, plug-and-play
cat-laser.js + cat-laser.css. Drop it in, call one function.
Pre-built sprite sheet
The full cat sprite sheet, ready to use out of the box — no design work needed.
Live tuning demo
A demo page with sliders for size, chase speed, and friction — tune it, then copy your values.
Make your own character
The exact tool (video2sprites.js) used to build this sprite sheet from video — turn your own pet, mascot, or logo into a cursor companion.
Full source, fully commented
No build step, no minified black box. Read it, tweak it, own it.
Commercial license
Use it on client work. One license per end product — see the included terms.
Not a GIF. A real physics engine.
The cat above on this page is running the actual product logic: a damped spring pulls it toward the cursor, and a state machine decides whether it should be idling, trotting, sprinting, or pouncing — based on real distance and speed, every frame.
-
Physics-based chase
A real damped spring, not a canned CSS animation.
-
9-state animation machine
Picks the right pose from cursor speed and distance.
-
Frame-accurate walk cycles
Driven by distance traveled, not a timer — no foot-sliding at any speed.
-
Auto-mirroring
Faces the direction it's actually moving, every time.
Install in under 2 minutes
No build step, no framework required. Works anywhere you can paste a script tag.
-
1
Unzip the download
Copy the folder into your site (or just the two source files + assets/).
-
2
Paste 4 lines before </body>
See the snippet — that's the whole integration.
-
3
Done
The cat overlays your page with
pointer-events:none— nothing on your site gets blocked.
<link rel="stylesheet" href="cat-laser.css">
<script src="assets/cat-sprites-manifest.js"></script>
<script src="cat-laser.js"></script>
<script>
CatLaser.init({ size: 120 });
</script>Where it fits
Pet stores
Vet clinics
Cafés
Portfolios
Frequently asked questions
Does this work with WordPress / Shopify / Webflow?
Yes — it's plain HTML/CSS/JS with no build tools needed. Paste the script tags into your theme's footer or a custom HTML block.
Will it slow down my site?
No. It's a single small JS file with zero external dependencies, and it pauses itself completely when the browser tab isn't visible.
Can I make it a different animal or character?
Yes — the package includes the exact tool used to build the cat's sprite sheet from video clips. Full walkthrough included in the download.
Can I use it on a client's site?
Yes, one license per end product/client — see the included license file for the exact terms.
What if I have a problem after buying?
Message me through the Gumroad chat for this product and I'll help you sort it out. Covered by Gumroad's 30-day money-back guarantee.
Cat Cursor Widget — Chases Your Mouse
One-time purchase. Lifetime use. Every future update included.
Buy now — $11.99+30-day money-back guarantee · Instant download