Add Inventory Grid 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 inventory-gridFirst time? Start with the documentation.
import { Inventory Grid } from "./src/client/ui/components/inventory-grid";const items = [{ id: "sword", name: "Iron Sword", icon: "rbxassetid://...", count: 1, rarity: "rare" }];
<InventoryGrid items={items} columns={5} slotSize={60} />A draggable, sortable grid-based inventory system with item slots, stack counts, tooltips, and rarity border colors.
by RobloxUI Team
| Author | RobloxUI Team |
| Framework | Roblox-TS + React-Luau |
| Category | Inventory |
| Dependencies | @rbxts/react |
| Theme Tokens | colors.bg, colors.bgTertiary, colors.border, colors.textPrimary, radius.md |
| Last Updated |
| July 31, 2026 |