Achievement Badge

ui

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"

Sign In

Achievement Badge

ui

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"

lucide-react

components/ui/achievement-badge.tsx

lucide-react

components/ui/achievement-badge.tsx