59:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1amcd-eostlux.js","/creators-assets/_next/static/immutable/chunks/06b9gh03a5itu.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3xzkckc77quth.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/25aeqr2ydtz4o.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0ebkvqksdxj8m.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2zqx3_h6kju09.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3wk6_kr5br5aj.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/03j_erjzu_t0-.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js"],"PostDetailCard"] 5a:T860,

A minimal cat that watches the cursor and reacts to your page.

Features

Eyes follow the cursor, random blinking, idle breathing and tail sway
Four emotions: idle, happy, sad, error, each with its own eyes, mouth, tail and posture
Speech bubble with your own text
Covers its eyes when a password field is focused, no setup needed
Squints when tapped
Appears on scroll and tilts with scroll direction
Hide animation: hops and drops into a hole that closes behind it
Cut out face, so any background shows through
Respects reduced motion settings
Static on canvas and in exports, keeps the editor fast
React and Framer only, no other libraries

Customization Options

Color: one control repaints the whole cat
Emotion: idle, happy, sad, error
Message text, plus any font from your project
Bubble width, gap, radius, fill, text color, shadow
Toggles: cursor tracking, blinking, tap to squint, appear on scroll, tilt on scroll, shadow, hide cat
Animation speed
Event name for external control

How to Use

Drop the cat on the canvas
Pick a color, choose an emotion, type your message
Place it near a login form and it covers its eyes on its own
To connect it to buttons or inputs, use the included overrides or send one line of code
Full documentation is included with the files

Use Cases

Login and signup forms
404 and empty states
Landing page mascot
Onboarding and welcome screens
Waitlist and coming soon pages
Portfolio and personal sites
Error and success feedback in forms
Playful sections that invite visitors to click

56:[["$","$L59",null,{"post":{"id":"01a033f8-9ddb-701d-a135-740f56a5e73b","title":null,"body":"

Cat that reacts to your interface 🐱

follows your cursor, covers its eyes on password fields, 4 emotions + speech bubble. perfect for login/404/onboarding screens

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cat that reacts to your interface "},{"type":"emoji","attrs":{"name":"cat","emoji":"🐱"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"follows your cursor, covers its eyes on password fields, 4 emotions + speech bubble. perfect for login/404/onboarding screens"}]}]},"author":{"framerUserId":"3f5cfb79-ac65-403a-87a0-ac4379a4c0f3","name":"Ekaterina Pavlova","slug":"ekaterina-pavlova","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f5cfb79-ac65-403a-87a0-ac4379a4c0f3/ay3c9d2i","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IB501DrG0IkPULbbvBze","resolved":true,"title":"Animated Cat Mascot","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A minimal cat that watches the cursor and reacts to your page."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Eyes follow the cursor, random blinking, idle breathing and tail sway"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four emotions: idle, happy, sad, error, each with its own eyes, mouth, tail and posture"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Speech bubble with your own text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Covers its eyes when a password field is focused, no setup needed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Squints when tapped"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Appears on scroll and tilts with scroll direction"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hide animation: hops and drops into a hole that closes behind it"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cut out face, so any background shows through"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced motion settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static on canvas and in exports, keeps the editor fast"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"React and Framer only, no other libraries"}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customization Options","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color: one control repaints the whole cat"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Emotion: idle, happy, sad, error"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Message text, plus any font from your project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bubble width, gap, radius, fill, text color, shadow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggles: cursor tracking, blinking, tap to squint, appear on scroll, tilt on scroll, shadow, hide cat"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event name for external control"}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the cat on the canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pick a color, choose an emotion, type your message"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place it near a login form and it covers its eyes on its own"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"To connect it to buttons or inputs, use the included overrides or send one line of code"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full documentation is included with the files"}]},{"type":"paragraph"}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Login and signup forms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404 and empty states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Landing page mascot"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Onboarding and welcome screens"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Waitlist and coming soon pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and personal sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Error and success feedback in forms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Playful sections that invite visitors to click"}]}]}]}]},"introduction":"Cat that reacts to your interface","slug":"animated-cat-mascot","author":{"framerUserId":"3f5cfb79-ac65-403a-87a0-ac4379a4c0f3","name":"Ekaterina Pavlova","slug":"ekaterina-pavlova","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f5cfb79-ac65-403a-87a0-ac4379a4c0f3/ay3c9d2i","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f5cfb79-ac65-403a-87a0-ac4379a4c0f3/01a033f2-c069-7378-89e1-add74a67706c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-24T13:32:05.949Z","updatedAt":"2026-08-24T13:32:05.949Z","publishedAt":"2026-08-24T13:32:05.946Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://original-jargon-808100.framer.app/","price":"17","paymentUrl":"https://contra.com/payment-link/amefNWYk-neko-mascot","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"MtRZSRfGvO8LvvbRgB1y","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-24T13:32:06.491Z","updatedAt":"2026-08-24T13:32:06.491Z","reported":false}}],"$L5b"]

Suggested for you