Stop Rebuilding UI

Awards Winning Streak

A winning streak awards block for React and Next.js with consecutive year display, streak badges, and historical streaks built with shadcn/ui and Tailwind CSS

Scroll to load preview

Highlight consecutive award wins with this winning streak block for React and Next.js. Features a large hero streak number, a horizontal row of year badges showing each consecutive year, and a history of previous streaks below. Built with TypeScript, shadcn/ui Badge component, motion/react staggered entrance animations, and Tailwind CSS. Perfect for award showcase pages, company milestones, and achievement timelines.

FAQ

Last updated on April 3, 2026

Was this page helpful?

Sign in to leave feedback.