Back to all work
    ProductDeveloper Tool

    Ping

    A notification visualizer with a face. Point a webhook at Ping from GitHub, Stripe, Vercel, Sentry, Slack, Discord, or any script, and a pair of eyes reacts to each deploy, payment, or alert with an expression, a sound, and a burst of color.

    Ping website screenshot
    // project dna

    Project DNA

    What this build is made of

    Live
    Site Type

    Developer Tool Web App

    Build Focus

    Webhooks / Character Animation / Integrations / Responsive UX

    What We Built

    UX/UI / Frontend / Responsive Build / App Logic

    Standout Feature

    Deploys get fireworks, errors get a polite uh-oh

    WebhooksCharacter AnimationIntegrationsResponsive UXUX/UIFrontendResponsive BuildApp Logic
    // the challenge

    The Challenge

    Ping needed to turn notifications from deploys, payments, errors, and messages into something you can feel at a glance, instead of another feed of alerts nobody reads.

    // our approach

    Our Approach

    We built a character-driven visualizer: point a webhook from GitHub, Stripe, Vercel, Sentry, Slack, Discord, or any script at Ping, and a pair of eyes reacts with an expression, a sound, and a burst of color for each event.

    // tech stack

    Technology Used

    ReactTypeScriptTailwind CSSViteFramer Motion
    // results

    Key Results

    • Glanceable reactions instead of alert noise
    • One webhook to connect any service or script
    • Lightweight app that runs on any screen

    Ready to build something like this?

    Every project starts with a conversation about your goals.