Roblox GUI Maker
← All templates

HUD

Roblox Leaderboard GUI

Ranked rows with score highlights

LEADERBOARD
1
Alex
9,820
2
Mia
8,104
3
Kai
7,551
4
Zoe
6,330
Open in Editor →Start blank

A live-style leaderboard with rank, name, and score columns, the top row highlighted. Rows stack with UIListLayout so it scales with player count.

This template is built entirely from native Roblox instances and is fully editable. Open it in the editor to change colors, text, sizes and layout, then export the result as clean Luau — paste it into a LocalScript inside a ScreenGui and it works as-is.

How to build this

A global leaderboard ranks every player by a stat like total coins, and the ranking persists across servers. The hard part isn't the GUI — it's storing sorted data with OrderedDataStore and reading the top players back. This guide covers the full loop: save a score, fetch the top 10, and render them as rows. Start from the leaderboard template for the row layout.

1. Store ranked data with OrderedDataStore

An OrderedDataStore keeps values sortable. Use the player's UserId as the key and their score as the value, so each player appears once.

2. Read the top players

GetSortedAsync returns the entries in order. Pass false for descending (highest first) and a page size. GetCurrentPage gives the ranked list of { key, value }.

Tip: GetNameFromUserIdAsync is a web call — cache names so you don't re-fetch the same player every refresh.

Read the full How to Make a Roblox Global Leaderboard GUI guide →

Build it for your screen type

More templates

GAME TITLE
PLAY
SETTINGS
QUIT

Main Menu

🛒 SHOP

Shop

SETTINGS
Music
Sound Effects
Particles

Settings