Skip to content

component

Miosu

By Grids & Giggles

Details

Summary

Miosu is a cursor-reactive robot head for Framer.

Description

Miosu is a cursor-reactive robot head for Framer. Its eyes track your pointer, pull together as you get close, and blink on a randomised loop so it never looks static. Built for anyone who needs a character face instead of another icon. About Component Eyes track the cursor anywhere on the page Pupils pull together as the cursor gets closer Head drifts and tilts slightly toward the cursor Blinks on a randomised interval, with occasional double blinks Glossy sheen on each eye slides toward the cursor, hides on a blink Built on refs, not state, so cursor movement never re-renders Pauses itself via IntersectionObserver when scrolled off-screen Detects Framer's static renderer, disables interactivity for exports 18 property controls: size, shell/face gradients, eye color and shape, spacing, tracking range, head drift and tilt, sheen, blink timing, background Fully responsive, any width or height What's Included One code component file, drop-in ready 18 property controls, zero code needed Cursor tracking, blinking, and sheen built in Static-render detection, safe for exports How It Works Drag Miosu onto your canvas Set colors, eye size, and tracking range in the property panel Publish, the eyes start tracking on load Use Cases 404 and empty-state pages Loading screens Portfolio and agency sites SaaS onboarding flows Product landing page hero details Chatbot or support widget avatars Playful brand sites Personal about pages Keywords cursor tracking, reactive component, robot head, animated character, mascot, Framer code component, interactive icon, eye tracking, blinking animation, hover effect, property controls, character design, empty state, 404 page, loading screen, parallax, canvas component Support Issues or customization help: reach out and I'll help. Email: framercore@siddhantbaghel.art

Introduction

A web pet that watches you work

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400146579/39/69/99/129/15
  • All · #943