Menus
How to Make a Roblox Daily Rewards GUI
A daily rewards screen shows a row of day cards — claimed days dimmed, today's ready, future days locked — and a button to claim. The visual states are just background colors; the real logic is server-side: track when the player last claimed and their streak, and only grant a reward if a new day has begun.
Open the Daily Rewards template →1. A 7-day grid with visual states
Each day is a Frame colored by its state: claimed (dimmed), current (highlighted), or locked (muted). Lay them out with a UIListLayout or manual positions — the editor's daily-rewards template does this for you.
2. Track the streak on the server
Store lastClaimTime and streak per player (DataStore). On a claim request, compare server time to the last claim: if less than a day has passed, ignore it; if within two days, advance the streak; otherwise reset it to day 1.
local DAY = 86400
claimEvent.OnServerEvent:Connect(function(player)
local data = playerData[player.UserId] -- { last = 0, streak = 0 }
local now = os.time()
if now - data.last < DAY then return end -- already claimed today
data.streak = (now - data.last < 2 * DAY) and data.streak + 1 or 1
data.last = now
grantDayReward(player, data.streak)
end)3. Reflect the result in the UI
After the server grants, it tells the client the new streak and last-claim day. The client recolors the day cards (mark today claimed, highlight tomorrow) so the calendar stays in sync with the server's truth.
Use this in your game
FAQ
How do I store the streak between sessions?
Save lastClaimTime and streak in a DataStore keyed by UserId. Load it when the player joins and save after each claim.
What happens if a player skips a day?
Your call: reset the streak to 1, or keep it within a grace window (e.g. two days). The code above resets after a two-day gap.