Star on GitHub

Pixelswith apulse.

Hello
web!

Pip!
Pip!

Boo…

Inky
here!

Mochi
moves
everything.

Twenty little personalities, or describe your own.
One featherweight animation engine.
Bring your interface to life.

Enter the studio Read the docs

23.7 KB gzipped / Zero dependencies / React + web

01 / The playgroundMove. Poke. React.

Change
the mood.

Same character.
Different vibes.

Poke
me!

    Colour
    Paste into Claude Code, Cursor or Copilot. It installs and wires it up.
    0.0sidle24.0s
    02 / Make your ownOne sentence in. A living mascot out.

    Describe it.
    Get it.

    Hand your coding agent the Wobnimo skill and one sentence. It designs the character as data, measures every part against the engine's own geometry, renders a contact sheet, and fixes what looks off until it's right. No 3D tools. No rigging. No animation.

    10 / 10 mascots below came from one sentence each

    listening

    1. 1 / Give your agent the skill

      Works with Claude Code, Codex, Cursor, OpenCode and any agent that reads skills.

    2. 2 / Describe your mascot

      Paste it into your agent. It installs Wobnimo, builds the mascot, checks it and wires it to your app.

    3. 3 / Watch it check itself

      $ npx wobnimo check✖ eye buried 0.028 inside the headfix: move it to z 0.262✓ 0 errors · 0 warnings

      Every message comes with the exact number to change, so even small models get it right.

    03 / For developersnpm i wobnimo — React, web component, CDN

    Small
    code.
    Big feeling

    
            
    
            
    A tiny JavaScript engine for living, animated mascots. Works in React, plain JavaScript, Vue, Svelte, anywhere you can write a tag. The snippet follows what you set up in the studio.
    
            
      
              
    1. 
                
                
      Choose
      a character
      
                
      Pick from Volt, Pip, Mochi, Hop and sixteen more, or describe your own in one sentence.
      
              
      2. 
              
    2. 
                
                
      Set
      a state
      
                
      Ten of them: thinking, listening, speaking, working, error, celebrating and more.
      
              
      3. 
              
    3. 
                
                
      Watch it
      come alive
      
                
      Drop it in your app and wire it to your agent's events.
      
              
      4. 
            
    
            
    
              
    
                Or let your agent do it
                
    Copy one self-contained prompt and paste it into Claude Code, Cursor, Copilot or v0. It installs Wobnimo and wires the mascot to your app's real events — no reading docs.
    
              
    
              
            
    
          
    
        
    
      
    
    
    

    
    
    
      
    
        
    04 / FeatherweightTiny engine. Big personalities.
    
        
    
          
    23.7 KB
    
          
    Tiny by nature.
    Lively by design.
    
        
    
        
    Gzipped / Zero dependencies / One shared WebGL2 context / ~2 KB a character / Built for modern browsers
    
      
    
    
    

    
    
    
      
    
        
    05 / The castTwenty characters. Ten of them from one sentence.
    
        
        
      
      
      
    
      

    
    
      
      
      
        
      06 / Say helloPixels with a pulse.
      
        
      
          
      
            
      Bring one
      home.
      
            
      Pick a character or describe your own, wire its state to your app, and your interface has a pulse. Install it from npm, or copy a prompt and let your agent do it.
      
            
      
              Enter the studio 
              Read the docs