TESIGN
SAVED

EN · KO

  1. TESIGN / RADAR
  2. 2026.09.17
  3. page-mascot

page-mascot

Cursor-following page mascot

WHO USES ITA personal site or blog owner wanting a small bit of fun on the page · A developer using a coding agent who wants a custom character without an art tool

For developers

A tiny React component that puts a character on your page which turns its head to follow the cursor and reacts when clicked.

START IN 5 MINUTES ↓

TESIGN TAKE

The fun part isn't the mascot itself — it's that you can ask an agent to draw one and have it land on the page without touching an image editor.

Activity and discovery evidence
★ 1.2k

1,222 stars · checked on GitHub · no 7-day star increase observed (GH Archive) (as of )

NEW 16h OLD WHEN SEEN

AT A GLANCE

LICENSE
MIT
USAGE
Use, change and redistribute, commercially too. Keep the notice.
LANGUAGE
Python
PLATFORM
web
ACTIVITY
last commit 47 days ago () · no releases
COMMUNITY
1 contributor · 3 open issues (incl. PRs) · made by: an individual
SOURCES
GitHub
OPEN SOURCE
YES
FIRST SEEN
CATEGORY
DESIGN

A summary, not legal advice.

WHY IT MATTERS

page-mascot represents one character as two images: a 3×3 sheet of head directions and a 3×3 sheet of expressions. The cursor's angle picks a cell from the directions sheet (with a dead zone so the head settles when the cursor is close), and a click shows an expression cell for half a second. The same character can be drawn in six styles — colour, ink, sketch, riso, paper, pixel — without breaking alignment. 52 ready-made characters mean you can pick one without drawing anything, or ask a coding agent to draw a new one.

BUILD FROM THIS

  • Drop a playful mascot onto a personal blog or portfolio page
  • Ask a coding agent to draw a character in your brand colours and place it directly
  • Use it as a reference for respecting prefers-reduced-motion in a small interactive widget

WHO IT'S FOR

A personal site or blog owner wanting a small bit of fun on the page
A developer using a coding agent who wants a custom character without an art tool

START IN 5 MINUTES

# Pick a character: choose one at https://koboyo.com/page-mascot and download its two sheets
# Install: npm i page-mascot
# <Mascot directions="..." reactions="..." />
# Draw your own (needs an image-generation tool): npx skills add nilbuild/page-mascot --skill page-mascot --global --yes

CAVEATS

  • MIT © Kamran Ahmed
  • Drawing a new character needs an image tool (Codex has its own; Claude Code needs an OpenAI Images API key)
  • Cursor tracking turns off on devices with no fine pointer (touch-only)

RECEIPT

FIRST SEEN
AT SOURCE
KEPT
CREATED → FIRST SEEN
16h
WHEN FIRST SEEN
282 ★
SOURCES
GitHub

The same facts in machine-readable form — View as Markdown · JSON

SIMILAR TOOLS

Up to five from DESIGN by ★ total: edited entries first, then repository cards; this entry is highlighted. Drawn from the same stored snapshot as the rankings — a comparison, not a recommendation.

IMAGENAME★ TOTAL▲ 7dLICENSEPLATFORMLAST PUSH
The UI UX Pro Max site: supported AI coding tools, the 'Design Intelligence' headline and the install command.
UI UX Pro MaxDesign sense for AI coding tools★ 144k▲ +14MITpermissivecli
Taste Skill README banner: logo on beige, the tagline 'The Anti-Slop Frontend Framework for AI Agents' and a white UI mock-up.
Taste-SkillFrontend taste for AI agents★ 108k▲ +15MITpermissive—
Archify README hero: a tagline and a browser window showing a service architecture diagram in dark and light themes.
archifySystem diagrams for coding-agent users★ 92.4k▲ +11Apache-2.0permissive—
Two sprite sheets of the same fox character: nine head directions on one, nine expressions on the other.
page-mascotCursor-following page mascotTHIS ENTRY★ 1.2k—MITpermissiveweb
toeverything/affineCARD★ 72.5k▲ +2Licence unconfirmedunconfirmed—

TIMELINE

  1. Repository created
  2. FIRST SEEN BY TESIGN
  3. Published on TESIGN

SAME DAY

  1. 01

    BG0

    No-account background remover

    Removes a photo's background entirely inside your browser — no upload, no server, no account.

    Use in the browser
    ★ 486
  2. 02

    ZapFast

    Lightweight native WhatsApp client

    A from-scratch Rust WhatsApp client with no browser engine — about 150MB idle RAM on Linux, versus 1.13GB for WhatsApp Web.

    Install to use
    ★ 2.4k▲ 4 HN
  3. 03

    Wealthfolio

    Local-first personal finance tracker

    An open-source portfolio tracker that keeps investments, net worth and spending entirely on your device — no cloud account.

    Install to use
    ★ 9.3k
  4. 05

    Podroid

    Linux container VM for your phone

    Boots a real, separately-kernelled Alpine Linux VM on an unrooted Android phone, running Podman, Docker and LXC exactly as they behave on a server.

    Install to use
    ★ 3.7k
  5. 06

    Capsule

    Single-file app player

    A desktop player that packs an HTML app and its data into one SQLite file — no account, no server, just a file to share.

    Install to use
    ▲ 379 HN
  6. 07

    SparkyFitness

    Self-hosted family health tracking

    A self-hosted health tracker for nutrition, exercise, sleep, fasting, mood and body metrics — all on a server you run yourself.

    Self-host
    ★ 6.7k
  7. 08

    Inkstone

    Self-hosted notebook on Cloudflare

    A self-hosted Markdown notebook you deploy on your own Cloudflare Workers account, with realtime sync, search and backlinks built in.

    Self-host
    ★ 1.2k
  8. 09

    MartinLoop

    Execution-control CLI for coding agents

    Wraps a coding agent with a spend cap and a verifier, so "I'm done" comes with an evidence-backed receipt instead of just a claim.

    ★ 394
  9. 10

    OpenHunterAI

    Local AI red-team workspace

    An alpha-stage local workspace that runs attacker-style security assessments — strictly against public targets you own or are authorized to test.

    Self-host
    ★ 335