About
Here is First Place Leaderboard component
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds First Place Leaderboard to your project and fits it to your theme.
Code
How First Place Leaderboard is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { LeaderboardCard } from '@/components/ui/first-place-leaderboard';
export default function LbSecond() {
return (
<div className='max-w-sm'>
<LeaderboardCard
name='Maya Rodriguez'
amount={7040}
avatarSrc='https://cdn.21st.dev/assets/mirror/e5/e57e8e091d9d785efe05186c3e44ca591e3a93463f042756ca3ba9e26043f1df.png'
rank={2}
score={80}
tone='blue'
/>
</div>
);
}
Dependencies
More by nayan_radadiya6
View all
Timeline Rail
111