Achievement Badge

Open source React achievement badge component with locked/unlocked states, progress rings and rarity support. Use for achievement UI design and collections. Built on shadcn/ui + Tailwind.

pnpm dlx shadcn@latest add "https://ui.trophy.so/r/achievement-badge.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Registry Health Inspect

Achievement Badge – shadcn/ui Component by trophy-ui | shadcnregistry

Registries
trophy-ui
Achievement Badge

Achievement Badge

Open source React achievement badge component with locked/unlocked states, progress rings and rarity support. Use for achievement UI design and collections. Built on shadcn/ui + Tailwind.

pnpm dlx shadcn@latest add "https://ui.trophy.so/r/achievement-badge.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

lucide-react

components/ui/achievement-badge.tsx

lucide-react

components/ui/achievement-badge.tsx