Install with the CLI

Add Daily Rewards to your Roblox project in one command. Requires Node 18+ and a Roblox project — run robloxui init first if you don't have one yet. See the docs.

bashnpx robloxui add daily-rewards

First time? Start with the documentation.

Import

tsx

import { Daily Rewards } from "./src/client/ui/components/daily-rewards";

Usage

tsx

local DailyService = require(script.Parent.DailyService)
local cal = DailyService.new({ {amount=100}, {amount=150}, {amount=1000} })
if cal:CanClaim() then local r = cal:Claim() print(r.amount) end

Daily Rewards

TSX + LuauFree

Time-gated 7-day reward calendar with streak tracking. DailyService exposes CanClaim (day-boundary check), Claim (advances streak, resets if a day was skipped, wraps at day 7), and NextReward. DailyGrid renders a 7-cell day grid with reward amounts and a Claim button that locks after claiming.

by RobloxUI Team

View Source

Details

Author	RobloxUI Team
Framework	Roblox-TS + React-Luau
Category	Inventory
Dependencies	@rbxts/react
Theme Tokens	colors.primary, colors.primaryLight, colors.primaryDark, colors.secondary, colors.secondaryLight, colors.secondaryDark, colors.accent, colors.accentLight, colors.accentDark, colors.bg, colors.bgSecondary, colors.bgTertiary, colors.surface, colors.border, colors.borderLight, colors.glow, colors.text, colors.textPrimary, colors.textSecondary, colors.textMuted, colors.success, colors.successLight, colors.error, colors.errorLight, colors.warning, colors.info, colors.gold, colors.goldLight, gradients.primary, gradients.gold, gradients.health, gradients.mana, gradients.purple, gradients.card, gradients.surface, gradients.surfaceLight, spacing.3xs, spacing.2xs, spacing.xs, spacing.sm, spacing.md, spacing.lg, spacing.xl, radius.sm, radius.md, radius.lg, radius.xl

Daily Rewards — RobloxUI