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.

★ 307▲ +39 / 7dDaily star increases over 14 days. Hollow bars mean no data. The last day may be partial.2026-09-03 no data2026-09-04 no data2026-09-05 no data2026-09-06 no data2026-09-07 no data2026-09-08 no data2026-09-09 no data2026-09-10 no data2026-09-11 no data2026-09-12 no data2026-09-13 no data2026-09-14 +82026-09-15 +292026-09-16 +2largest one-day increase in the 14 days+29last 14 days · stars per dayhollow = no data

307 stars · checked on GitHub GitHub check 46 h late · incl. +25 observed via GH Archive since then · 7-day +39 observed via GH Archive (as of )

NEW 16h OLD WHEN SEEN

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.

USE PACKAGE

AT A GLANCE

LICENSE
MIT
USAGE
Use, change and redistribute, commercially too. Keep the notice.
LANGUAGE
Python
PLATFORM
web
ACTIVITY
last commit 2 days ago () · latest release [unconfirmed]
COMMUNITY
contributors [unconfirmed] · open issues [unconfirmed] · made by: [unconfirmed] Reference time unavailable
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
STAR DELTA
+4 ★ / 24h
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
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★ 87.4k▲ +265MITpermissive
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★ 63.6k▲ +1,307MITpermissive
Two sprite sheets of the same fox character: nine head directions on one, nine expressions on the other.
page-mascotCursor-following page mascotTHIS ENTRY★ 307▲ +39MITpermissiveweb
toeverything/affineCARD★ 72.5k▲ +8Licence unconfirmedunconfirmed
penpot/penpotCARD★ 59.9k▲ +10MPL-2.0permissive

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
    ★ 79▲ +28 / 7d
  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
    ★ 107▲ +39 / 7d
  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
    ★ 9k▲ +15 / 7d
  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
    ★ 2.6k▲ +14 / 7d
  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
    ▲ 333 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.1k▲ +13 / 7d
  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
    ★ 819▲ +10 / 7d
  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.

    ★ 130▲ +21 / 7d
  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
    ★ 165▲ +15 / 7d