Back to blocksView all awards blocks
Installation
npx shadcn add @mylo-ui/achievementsPreview
Progress Tracker
Achievement Center
Track your progress and unlock rewards
Current Streak
28
Best Streak
45
Total Points
1250
Productivity
Task Master
Complete 100 tasks
100/100
Done
100% complete
Speed Runner
Finish 5 projects early
3/5
60% complete
Early Bird
Log in 30 days in a row
28/30
93% complete
Skills
Code Warrior
Submit 50 code reviews
50/50
Done
100% complete
Bug Hunter
Resolve 25 bugs
22/25
88% complete
Mentor
Help 10 team members
10/10
Done
100% complete
Collaboration
Team Player
Participate in 20 meetings
20/20
Done
100% complete
Knowledge Share
Create 15 documentation pages
12/15
80% complete
Feedback Guru
Give 30 peer reviews
8/30
27% complete
Usage
import { Achievements } from "@/components/blocks/achievements"
export default function Page() {
return <Achievements />
}Dependencies
lucide-react
shadcn/ui Components
card
badge
Related Blocks
More awards blocks you might like
awards
Trophy Display
Large trophy cards with winner info, star ratings, year display
Ready to use
/blocks/awards-trophyawards
Achievement Badges
Rarity-based badges (Legendary, Epic, Rare) with unlock status
Ready to use
/blocks/awards-badgesawards
Certificates
Professional certificate cards with issuer info and verification
Ready to use
/blocks/certificates