Back to blocksView all awards blocks
Installation
npx shadcn add @mylo-ui/awards-badgesPreview
Achievement Collection
Badge Gallery
Collect badges by completing challenges
Legendary Badges
Top Performer
Ranked #1 for 3 months
Unlocked
Diamond Member
5 years of excellence
Unlocked
Epic Badges
On Fire
10 projects completed
Unlocked
Speed Demon
Fastest completion
Unlocked
5-Star Rating
Perfect client score
Locked
Rare Badges
Bullseye
100% accuracy rate
Unlocked
Guardian
Security champion
Locked
Rising Star
Promoted in first year
Unlocked
Usage
import { AwardsBadges } from "@/components/blocks/awards-badges"
export default function Page() {
return <AwardsBadges />
}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
Certificates
Professional certificate cards with issuer info and verification
Ready to use
/blocks/certificatesawards
Achievements
Progress bars with percentages, streak counters, locked/unlocked states
Ready to use
/blocks/achievements