About
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Streak Badge to your project and fits it to your theme.
Code
How Streak Badge is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { StreakBadge } from "@/components/ui/streak-badge"
export default function Demo() {
return (
<div style={{ padding: "16px" }}>
<StreakBadge length={7} frequency="daily" />
</div>
)
}Dependencies
More by trophyso
View all
Leaderboard Card
636
Points Chart
240
Leaderboard Podium
231
Achievement List
171
Achievement Card
139
Leaderboard Rankings
115
Achievement badge
71
Achievement Unlocked
18
More in Cards
View all
Statistics Card 7
294
Course Design Cards
1.1K
Interactive Tech Stack Bento Grid with Hover Effects
59
The Item one
3
Stats cards with links
81
Statistics Card 2
268
Card
56
Card Studio
5
