@gamifykit

A small, focused shadcn/ui extension registry providing composable gamification UI components: Achievements, Daily Streak, and Leaderboard (3 components visible in docs). Built with React, TypeScript, Tailwind CSS, and Radix UI primitives, following the same copy-paste pattern as shadcn/ui. Free and open-source; minimal setup beyond an existing shadcn project. Use for: adding gamification elements — streaks, achievement badges, and ranked leaderboards — to SaaS dashboards or social apps without building them from scratch.

3 components react shadcn-cli MIT

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://gamifykit.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://gamifykit.com/r/registry.json

bun bunx shadcn@latest add https://gamifykit.com/r/registry.json

fetch registry curl -s https://gamifykit.com/r/registry.json

Components

3 total

Daily Streak component

A card component that displays a user's daily streak with a 7-day dot grid

npx shadcn@latest add https://gamifykit.com/r/daily-streak.json

Achievements component

A card component that displays a user's achievements and unlockable achievements

npx shadcn@latest add https://gamifykit.com/r/achievements.json

Leaderboard component

A card component that displays a user ranking with scores and avatars

npx shadcn@latest add https://gamifykit.com/r/leaderboard.json