https://github.com/abderrahimghazali/clawd-pet

Animated pixel-art Clawd pet
https://github.com/abderrahimghazali/clawd-pet

animation claude-code clawd css-animation github-readme mascot pet pixel-art svg svg-animations

Last synced: 8 days ago
JSON representation

Animated pixel-art Clawd pet

• Host: GitHub
• URL: https://github.com/abderrahimghazali/clawd-pet
• Owner: abderrahimghazali
• Created: 2026-04-01T23:28:36.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2026-04-02T11:21:09.000Z (2 months ago)
• Last Synced: 2026-04-02T11:26:32.804Z (2 months ago)
• Topics: animation, claude-code, clawd, css-animation, github-readme, mascot, pet, pixel-art, svg, svg-animations
• Language: TypeScript
• Homepage: https://clawd-pet.vercel.app
• Size: 542 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          




# Clawd Pets

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

[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)

[![GitHub stars](https://img.shields.io/github/stars/abderrahimghazali/clawd-pet?style=social)](https://github.com/abderrahimghazali/clawd-pet/stargazers)

[![GitHub issues](https://img.shields.io/github/issues/abderrahimghazali/clawd-pet)](https://github.com/abderrahimghazali/clawd-pet/issues)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/abderrahimghazali/clawd-pet/pulls)

[Gallery](https://clawd-pet.vercel.app) · [Request a Pet](https://github.com/abderrahimghazali/clawd-pet/issues/new?template=pet-request.yml) · [Sponsor](https://github.com/sponsors/abderrahimghazali)



---


happy


sleeping


coding


astronaut


ninja


dancing


typing


wizard


rocket


cool


love


celebrating

...and 78 more! [See them all in the gallery →](https://clawd-pet.vercel.app)

## 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

```bash

npm install

npm run dev

```

Open [http://localhost:3000](http://localhost:3000).

### Tech stack

- [Next.js](https://nextjs.org) (App Router)

- [Tailwind CSS](https://tailwindcss.com) v4

- [Framer Motion](https://www.framer.com/motion/)

- [TypeScript](https://www.typescriptlang.org)

## Use a pet

Embed any pet via CDN:

```html



```

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

| Category | Examples |

|----------|----------|

| Emotions | happy, angry, cool, love, crying, mindblown, shrug... |

| Activities | coding, dancing, gaming, surfing, yoga, ninja, pirate... |

| Working | typing, wizard, juggling, debugger, thinking, building... |

| HTTP Status | 400, 401, 403, 404, 408, 429, 500, 502, 503 |

## Request a pet

Need a Clawd pet that doesn't exist yet? [Open a pet request issue](https://github.com/abderrahimghazali/clawd-pet/issues/new?template=pet-request.yml) and describe what you'd like.

## License

[MIT](LICENSE)