← All projects

Trophy Gamification UI Kit

Open-source gamification UI components for React and Next.js

Dev Toolsreactopen-sourceui-componentsgamificationshadcntailwind-cssnext-js
Trophy Gamification UI Kit screenshot

About

Trophy's Gamification UI Kit is an open-source component library built on shadcn/ui and Tailwind CSS that provides production-ready gamification UI elements for React and Next.js projects. It includes pre-built components for streaks, achievements, leaderboards, and points displays. Components are installed via a single CLI command and live directly in the user's codebase for full customization.

Problem

Building gamification UI from scratch is time-consuming and there are few ready-made, customizable component libraries for streaks, achievements, and leaderboards.

For

React and Next.js developers building gamification features

How it works

Developers install individual components into their existing shadcn/ui project via the shadcn CLI, then customize styles and behavior directly in their own codebase.

Business model

open-source

Status

launched

Company

Trophy

Similar projects