Fourteen trained commands, plus care and surprises.
Shiro can respond directly to visitors, react to the pointer, or choose his own behavior when everyone is busy.
Add a lively companion to your screen. The included pet is Shiro, a digital golden retriever who follows your cursor, takes naps, performs tricks, and is always ready to fetch another ball.
The pet on this page is the actual package. Try a command, drag him around, or open his paw menu in the corner.
Shiro can respond directly to visitors, react to the pointer, or choose his own behavior when everyone is busy.
Choose one and watch the digital Shiro on this page.
A lightweight animation engine gives Shiro personality without taking over your app or website.
Shiro walks, runs, rests, watches the pointer, and chooses his own tricks when left alone.
Sit, down, jump, roll over, handshake, hi-five, salute, namaste, speak, quiet, sleep, and fetch.
A colorful ball collection and dedicated fetch animation capture the real Shiro's favorite pastime.
Shadow DOM keeps styles isolated, while background-tab pausing and reduced-motion support keep performance responsible.
Drag to reposition, pick a size, hide Shiro, send him to sleep, or call any command through JavaScript.
Use the Web Component in any framework or download the shared desktop pet for macOS, Windows, and Linux.
Shiro is a real golden retriever with long honey-gold fur, a happy face, a love for people, and more balls than anyone can count. This project brings a little of that personality to the screen.
Shiro is the default pet and the inspiration for the project. You can change his name for your own website, and future releases will add more ways to personalize your companion.
Read the real Shiro's adventures and daily life in Shiro's stories ↗, or visit Shiro's website ↗.
The core is a dependency-free Web Component, so it works in plain HTML and stays easy to wrap in React, Vue, Angular, Svelte, Astro, or any framework that supports custom elements.
npm install @ranjeet447/digital-pet
<script type="module"
src="https://ranjeet447.github.io/digital-pet/downloads/digital-pet-v0.3.0.js"></script>
<digital-pet
size="normal"
controls="true"
renderer="3d"
></digital-pet>
One shared personality and feature contract across browsers and native desktop applications.
Download the ready-to-use ES module or package archive and add it to plain HTML, React, Vue, Angular, or another framework.
Download web package Download browser script v0.3.0Shared always-on-top desktop app with 2D and 3D views, sounds, care actions, all tricks, five sizes, and tray controls.
Download for macOSPortable Windows x64 app with the same renderer, commands, sounds, care actions, sizes, and system tray controls.
Download for WindowsPortable Linux x64 AppImage with feature parity and tray controls on supported desktop environments.
Download for LinuxThese photos guide the digital character's broad nose, feathered fur, warm coat, happy expression, and playful personality.
Try the package or download the desktop app for macOS, Windows, or Linux. Follow development on GitHub and help shape future personalization releases.