# Metal Badge

> The ssych logo as a real 3D metal badge drawn with WebGPU, a domed mesh with rounded edges, one light that follows your cursor and a light outline along the rim. It sways on its own, click or tap to flip it, swipe to spin it, and Enter or Space flips it from the keyboard. Pass any single path SVG with its viewBox and it becomes a badge. Where WebGPU is missing it shows a flat chrome face. No dependencies. Light and dark via shadcn theme tokens, respects reduced motion. More dark, data-dense components at https://www.ssych.com/library?ref=21st.dev

- Author: [Savva Sicevs](https://21st.dev/@ssychui)
- License: mit
- Tags: Badge, Logo, 3D
- Live preview: https://21st.dev/@ssychui/components/metal-badge

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ssychui/metal-badge?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/badge.md