New Component: Leaderboard — Now on the Marketplace! 🎉

Hey Adalo Community! :waving_hand:

I’m excited to share a new component that’s now available on the Adalo Marketplace:

Leaderboard

Show ranked standings from any collection — with live current-user rank

A fully configurable leaderboard that auto-ranks rows by sort order, highlights the top 3 with gold/silver/bronze styling, and shows the logged-in user’s current rank in a banner at the top.

Key Features

:white_check_mark: Auto-ranks rows by collection sort order — no stored rank field needed
:white_check_mark: Current user rank banner — matches logged-in user’s ID to their row
:white_check_mark: Gold, silver, bronze top-3 highlights with custom colors
:white_check_mark: Configurable tie handling: shared rank (1, 1, 3) or sequential (1, 2, 3)
:white_check_mark: 3 text lines per row for name, company, title or any combination
:white_check_mark: Avatar support with initials fallback when no image is available
:white_check_mark: Score icon options: Star, Trophy, Flame, Lightning, or None
:white_check_mark: Row tap action passes the row ID for navigation
:white_check_mark: Works on Web, iOS, and Android

Perfect For

• Gaming leaderboards
• Sales competitions
• Fitness challenges
• Community reputation systems
• Class or team rankings

How to Get It

  1. Open your Adalo app editor
  2. Click the + button to open the Add Components panel
  3. Browse Marketplace Components or search for “Leaderboard”
  4. Click to add it to your app — done!

If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it! :rocket:

6 Likes