DEV Community

Cover image for Build Gamification UI in React with Trophy
jQueryScript
jQueryScript

Posted on

Build Gamification UI in React with Trophy

Gamification UI Kit by Trophy adds editable shadcn/ui components for React and Next.js product interfaces.

  • Streak badges, cards, and calendars
  • Achievement grids, badges, and reward states
  • Leaderboards with rankings, pagination, and current-user focus
  • Points charts, boost panels, and level progression views
  • Local TypeScript and Tailwind source through the shadcn CLI

👉 Blog Post

👉 GitHub Repo

👉 Live Demo

Top comments (0)