Badges widget
Every achievement, and the next one
A collection grid of earned badges alongside locked next-up tiles with progress hints — the empty squares pull members toward the ones they haven’t earned yet.
FreeEmbed tokenFor mastery and completion loops
Live demo
Loading live demo…
What it does
- Earned badges with rarity sorting
- Locked next-up tiles at reduced opacity
- “How to earn this” hint on hover
- A live earned/total counter
Embed it with one div
A read-only widget — an embed token is all you need.
<script src="https://cdn.hatched.live/widget.js" data-embed-token="EMBED_TOKEN" defer></script>
<div data-hatched-mount="badges"></div>Other widgets