roblox shop gui

Make a shop GUI in Roblox
without writing a script.

The shop screen is already built. Import UI Pack Plus, copy the shop into your game, and put your own items in it. Free.

Get UI Pack Plus free

the short answer

To make a shop GUI in Roblox Studio without scripting it yourself, use UI Pack Plus: it is a free Roblox interface pack whose shop screen arrives finished, with category tabs down the left, a search field, a grid of item cards carrying prices and badges such as Hot, New or Rare, and currency counters in the title bar. The shop ships assembled, as a ScreenGui named ShardShop in the pack's Kits folder, so you copy it into StarterGui and change it in place. Every part it is built from also sits ready-made on the pack’s showcase board, cards, slots, chips, badges and fields among them, so you add or rearrange items by copying parts across rather than by writing anything. The purchase itself stays your own code, connected to your game passes, developer products or in-game currency. UI Pack Plus is free at zerodev.tools/assets/ui-pack-plus, with no account, no key system and no paid tier.

Price
Free, no paid tier, no credits
Scripting needed
None to get the shop on screen
What ships
ShardShop, a finished ScreenGui
In the shop
Tabs, search, card grid, currencies
Your items
Parts copied from the showcase board
Phone and PC
One scale resizes the whole screen
A Roblox shop window open in game: Featured, Weapons, Skins, Boosts and Bundles as tabs down the left with Featured lit, a search field above a grid of item cards showing a Trophy at 900, a Gift Box at 75, a Lucky Die at 420 and Hearts at 180 with Hot and New badges, a second row scrolling below, and coin 2,450 and crown 120 counters beside the close button in the title bar.
The shop screen as it arrives, before you change a single item.

how it is done

Three steps, no code

Nothing here needs a script you have to write yourself.

The Roblox Studio Explorer with two folders highlighted: ShardUI inside ReplicatedStorage, and ShardUIPack inside StarterGui.
01

Import the pack

Drag the file into an open place, then put ShardUIPack in StarterGui and ShardUI in ReplicatedStorage. That is the whole install.

The Roblox Studio Explorer showing the Kits folder inside ShardUIPack with its eight ready-made screens listed, ShardShop highlighted as the one being copied.
02

Take the shop screen

Open ShardUIPack › Kits, take ShardShop and paste it into StarterGui. It arrives laid out, with its hover and press animations already wired.

The Roblox Studio Explorer showing the showcase board opened up, with its folders of ready-made parts listed: Badges, Bars, Cards, Chips, Fields, IconButtons, Insets, Items, Slots, TextButtons and Toggles.
03

Build the rest from the board

Every part the shop is made of is also on the showcase board, built and ready. Copy across the cards, chips or badges you need and arrange them. Still no script.

what you get

What is already in the shop

Close-up of the shop's left column: Featured, Weapons, Skins, Boosts and Bundles stacked as tabs, with Featured lit in pale blue.

Category tabs down the left

Close-up of the shop's search field above a row of item cards: Trophy, Gift Box, Lucky Die and Hearts, each with its price.

Search field above the grid

Three shop item cards side by side: a Trophy badged Hot at 900, a Gift Box at 75 and a Lucky Die badged New at 420, each price on a green button.

Item cards with price and badge

The same shop running on a phone held sideways: the whole window fits on the screen, tabs, search and both rows of item cards still readable.

Fits any screen, phones included

get it

UI Pack Plus is free.

Eight finished Roblox screens, the shop among them. The next page shows the install step by step.

Get UI Pack Plus free

questions

Frequently asked

Do I need to know how to script to make a shop GUI in Roblox?

No. The UI Pack Plus shop screen ships assembled, as a ScreenGui named ShardShop inside the pack, so making a shop GUI in Roblox Studio is a copy into StarterGui and a list of items, not a script you have to write.

Does the UI Pack Plus shop GUI work on mobile?

Yes. The UI Pack Plus shop GUI carries one scale at its root that resizes the whole screen with the window, outlines and carved corners included, so the same shop fits a phone and a monitor with nothing to install and nothing to redo.

Does UI Pack Plus handle the Robux purchase itself?

UI Pack Plus is the shop interface. The purchase itself stays your own code: you connect the buy button to your game passes, developer products or in-game currency, and UI Pack Plus draws everything around it.

Can I change the categories in the UI Pack Plus shop?

Yes. The category tabs in the UI Pack Plus shop are ordinary parts of the copied screen, so you rename one by retyping its label and add one by copying an existing tab. The same tab part is on the showcase board if you need more.

Can I use it in a game that earns Robux?

Yes, UI Pack Plus can be used in a Roblox game that earns Robux. See the license.