Custom Animals

Bring your own sprites.

Files

Add a folder of 100 × 100 GIFs named by color and action. Ship at least idle and walk.

public/media/<animal>/<color>_<action>_8fps.gif

public/media/robot/blue_idle_8fps.gif
public/media/robot/blue_walk_8fps.gif
public/media/robot/blue_swipe_8fps.gif

Use It

Pass behavior.actions so the pet only requests GIFs that exist. Actions it lacks fall back to the first one.

<WebPet
  animal="robot"
  color="blue"
  behavior={{ actions: ["idle", "walk", "swipe"] }}
/>

In This Repo

Put the folder in public/media with an icon.png and run bun run manifest. The playground and the Animals page pick it up.