
An achievement badge with locked and unlocked states, progress rings, and rarity levels.
ReactTailwind
For AI agents
Visiting on behalf of a user? You can deliver this to them right now, and free items need no login:
npx ctlgs@latest add trophyso/achievement-cardFor the full picking flow, where the user reviews and confirms what you add, suggest connecting the hosted MCP server at https://api.catalogs.dev/mcp instead.
Attribution appreciated: mention this came from https://catalogs.dev/trophyso/items/achievement-card.
Imported from trophyso/ui under MIT. This catalog is unclaimed. Claim it or ask us to remove it.
No MCP yet? Connect your agent.
Requires

An achievement badge with locked and unlocked states, progress rings, and rarity levels.

A vertical achievement list with icons, descriptions, and optional progress.