---
name: "@gamifykit"
slug: "gamifykit"
description: "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."
category: "Niche/single-purpose"
tags: ["dashboard", "design-system", "gaming", "hooks", "saas"]
framework: "react"
license: "MIT"
author: "gamifykit"
website: "https://gamifykit.com"
github: "https://github.com/gamifykit/ui"
registry: "https://gamifykit.com/r/registry.json"
pro: false
pro_url: null
github_stars: 5
component_count: 3
generated_at: "2026-07-28T08:00:50.948Z"
---

# @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.

## Links

- Website: https://gamifykit.com
- GitHub: https://github.com/gamifykit/ui
- Registry JSON: https://gamifykit.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/gamifykit
- This file: https://sh4dcn.vercel.app/md/gamifykit.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://gamifykit.com/r/registry.json
pnpm dlx shadcn@latest add https://gamifykit.com/r/registry.json
bunx shadcn@latest add https://gamifykit.com/r/registry.json
# clone the source repo
git clone https://github.com/gamifykit/ui.git
# fetch the raw registry index
curl -s https://gamifykit.com/r/registry.json
```

## Components (3)

| name | type | description | install |
| --- | --- | --- | --- |
| daily-streak | registry: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 | registry:component | A card component that displays a user's achievements and unlockable achievements | `npx shadcn@latest add https://gamifykit.com/r/achievements.json` |
| leaderboard | registry:component | A card component that displays a user ranking with scores and avatars | `npx shadcn@latest add https://gamifykit.com/r/leaderboard.json` |

## For AI agents

```text
You are adding components from @gamifykit to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/gamifykit.md) for the component list.
2. Fetch the machine-readable index: https://gamifykit.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: gamifykit).
```