sh4dcn
Registries
ActiveFeaturedNiche/single-purpose109

@trophy-ui

Niche/single-purpose · MIT · data updated 2026-07-28

Open-source gamification UI component library built on shadcn/ui and Tailwind CSS v4, maintained by Trophy. Provides ready-made components for streaks (StreakBadge), achievements (Achievement), leaderboards (LeaderboardCard), points, XP charts (PointsChart), levels, and event banners. Components are pulled individually via the shadcn CLI using Trophy's registry URL. Requires React 18+, Tailwind CSS v4, and an initialized shadcn/ui project. Free and MIT-licensed. Use for: SaaS apps, learning platforms, or consumer products adding gamification mechanics (streaks, XP, leaderboards) that need prebuilt, themeable display components rather than building from scratch.

WebsiteDocsGitHubAgent brief (.md)
@trophy-ui preview
cardschartsdashboarddesign-systemformsgamingoverlayssaastheming

Install

npx shadcn@latest add https://ui.trophy.so/r/registry.json

Health

StatusActive
Last commit1 month ago
LicenseMIT
Open issues0
ArchivedNo
Stars109

Components (18)

indexstreak-badgestreak-calendarstreak-cardachievement-badgeachievement-gridachievement-listachievement-unlockedachievement-cardleaderboard-rankingsleaderboard-podiumleaderboard-cardpoints-badgepoints-chartpoints-awardspoints-levels-timelinepoints-levels-listpoints-boost
Components: index, streak-badge, streak-calendar, streak-card, achievement-badge, achievement-grid, achievement-list, achievement-unlocked, achievement-card, leaderboard-rankings, leaderboard-podium, leaderboard-card, points-badge, points-chart, points-awards, points-levels-timeline, points-levels-list, points-boost

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@trophy-ui · index

npx shadcn@latest add https://ui.trophy.so/r/index.json
View source