Customize Otter

Choose a pet, try its moves, and add it to your website.

Choose → Customize → Add to your website. No sign-in needed to download.

Everything you need to get your pet on a website.

Pet settings

Choose your companion

Your character file

No asset yet Upload asset

What are you uploading?

Animated spritesheet Single image

Pet name

A single image stays still. An animated spritesheet contains separate frames; use Advanced to check its grid and moves.

Placement

Size

Atlas geometry

Width

Height

Columns

Rows

Advanced

JavaScript global Your site talks to the pet through window.{name}. See the message API.

Preview ready

Speed

Idle · row 0 6 frames

Self-contained widget

Your pet is ready. Download the installation kit, then add it to your site.

Download & unzip. Open install.html to try your pet before adding it to your website. Keep it beside the widget file.
Upload the widget. Put the pet-widget.js file in your website’s public folder.
Add the script. Paste this before </body>. Update the path if you uploaded it somewhere else.

<script src='/pixel-widget.js'></script>

Installation help for your website →

Other download options

Publish a preview and your move mapping so others can find and remix it. Your exported widget stays self-contained either way.