Clawd Pets

90+ animated SVG pets with CSS-only motion — no JavaScript, no dependencies.

Gallery · Request a Pet · Sponsor

happy	sleeping	coding	astronaut	ninja	dancing
typing	wizard	rocket	cool	love	celebrating

...and 78 more! See them all in the gallery →

Gallery App

An interactive Next.js gallery to browse all Clawd pets:

• Search — filter pets by name in real-time
• Categories — Emotions, Activities, Working States, HTTP Status Codes
• Click to copy — copies the SVG code to your clipboard
• Download — grab any SVG file directly
• Dark / Light mode — toggle with the button in the top-right corner

Run locally

npm install
npm run dev

Open http://localhost:3000.

Tech stack

• Next.js (App Router)
• Tailwind CSS v4
• Framer Motion
• TypeScript

Use a pet

Embed any pet via CDN:

<img src="https://cdn.jsdelivr.net/gh/abderrahimghazali/clawd-pet@main/public/pets/clawd-waving.svg" width="50">

Or copy the SVG source from the gallery and inline it in your project for full animation support.

All pets are available at:

https://cdn.jsdelivr.net/gh/abderrahimghazali/clawd-pet@main/public/pets/{name}.svg

Categories

Request a pet

Need a Clawd pet that doesn't exist yet? Open a pet request issue and describe what you'd like.

License

MIT