Add Drag Thumbnail 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 drag-thumbFirst time? Start with the documentation.
import { Drag Thumbnail } from "./src/client/ui/components/drag-thumb";<DragThumb icon="rbxassetid://item-icon" size={48} />A draggable component thumbnail with ghost image, drop target highlighting, and snap-to-grid behavior. Essential for inventory and hotbar rearrangements.
by RobloxUI Team
| Author | RobloxUI Team |
| Framework | Roblox-TS + React-Luau |
| Category | Containers |
| Dependencies | @rbxts/react |
| Theme Tokens | colors.bgTertiary, colors.primary, colors.accent, radius.md |
| Last Updated |
| July 31, 2026 |