๐Ÿ”ฅ Top SellerUIESX / QBCore

Shop UI for FiveM

CTCartUITop Rated Seller ยท Pro Verified
โ˜…โ˜…โ˜…โ˜…โ˜…4.9(284 reviews)

About This UI

A modern shop interface for FiveM โ€” replaces the default ESX and QBCore shop menus with a proper e-commerce-style UI. Category browsing, live search, shopping cart, quantity selectors, item previews, and a clean checkout flow. Drops onto any server and works with any shop script.

Shop UI turns every store on your server โ€” 24/7s, gun shops, clothing stores, black markets, weapon dealers, drug dealers, car dealerships โ€” into a modern shopping experience. Players walk into a shop and see a full e-commerce layout: left-side category filter, center product grid with images and prices, live search, quantity controls, and a right-side cart with running total. Items show icons or 3D previews depending on config. Checkout validates cash or bank balance, shows the final total, and runs the transaction through your framework's payment handler. Compatible with ESX, QBCore, QBox, and ox_inventory โ€” just point the config at your existing shop definitions. Ships as a standard NUI resource with clean React-based code so your dev can extend the layout or add custom checkout logic.

What's Included

๐Ÿ›’

Full Cart System

Add items, change quantity, remove items & running total.

๐Ÿ—‚๏ธ

Category Filters

Left-side category list โ€” food, drinks, weapons, tools & more.

๐Ÿ”

Live Search

Type to filter items instantly by name or keyword.

๐Ÿ–ผ๏ธ

Item Previews

Icon or 3D preview with hover tooltip & item description.

๐Ÿ’ฐ

Cash / Bank Toggle

Switch payment method at checkout โ€” validates balance.

โš–๏ธ

Weight / Slot Display

Shows item weight or inventory slot usage for ox_inventory.

๐Ÿท๏ธ

Sale & Discount Badges

Per-item discount support with percentage display.

๐Ÿ”’

Access Restrictions

Lock shops by job, license, reputation or custom condition.

๐Ÿ“ฑ

Responsive Layout

1080p, 1440p, 4K & ultrawide โ€” scales cleanly.

๐ŸŽจ

Theme Customization

Color picker, dark/light modes & logo placement per shop.

๐Ÿ”—

ESX, QBCore & ox_inventory

Works with all major frameworks and inventory systems.

โšก

Performance Optimized

Low resmon โ€” UI only loads when a shop opens.

Technical Specs & Compatibility

Compatibility

  • Any FiveM server
  • ESX, QBCore, QBox
  • ox_inventory, qb-inventory, esx_inventoryhud
  • Any shop script (esx_shops, qb-shops, custom)
  • Latest Cfx.re build

Stack

  • React-based NUI frontend
  • Lua client & server scripts
  • Config.lua for shops & items
  • fxmanifest.lua ready to go
  • Clean modular code structure

Resources Used

  • ~0.00 ms client idle
  • ~0.02 ms client when open
  • 0.00 ms server
  • No external dependencies
  • Uses your existing shop items

Frequently Asked Questions

Does this work with my existing ESX/QBCore shops?

Yes โ€” Shop UI reads the shop and item definitions from your existing framework. Point the config at your existing shop tables (ESX's Shops, QBCore's Shops, or custom) and it replaces the default menu without requiring you to rebuild your shop data.

Does it support ox_inventory?

Yes โ€” full ox_inventory support including item images, weights, slot counts, and the ox payment handler. Works with ox_inventory's shared shop configs out of the box.

Can I use it for multiple shop types (food, guns, clothing)?

Yes โ€” the same UI handles any shop type. Each shop has its own config entry with items, categories, and theme colors. One resource powers all your stores. You can even lock specific shops to specific jobs (e.g., gun shop only visible to licensed buyers).

Can I add 3D item previews?

Yes โ€” 3D previews are supported for weapons and clothing items. For regular items, icon-based previews load from your existing inventory item images. 3D preview rendering uses a low-cost canvas setup so it won't impact server performance.

Can players pay with cash or bank?

Both โ€” a toggle at checkout lets players pick which balance to use. The UI validates that the balance is sufficient before confirming the purchase, so you never get phantom transactions. Dirty money is also supported as a payment option if your server uses it.

Can I add custom branding per shop?

Yes โ€” the Standard and Premium packages include per-shop theming with custom colors, logos, and layout variations. A luxury clothing store can look completely different from a dive-bar beer counter, but they share the same underlying UI.

What if it doesn't work on my server?

A full money-back guarantee applies. If the UI isn't delivered as described, you're covered. The designer also offers revisions and remote troubleshooting on your server.

About the Seller

CT

CartUI โœ“ Pro Verified

FiveM UI & UX Designer ยท Top Rated Seller

4.9โ˜…Avg rating
1,600+Orders
1hResponse time
5 yrsIn business

FiveM UI/UX designer specializing in shop, inventory, and transaction interfaces. 5+ years building React-based NUI overlays with clean, conversion-focused layouts. 1,600+ delivered projects across ESX, QBCore, QBox, and ox_inventory setups. Shop UI is installed on hundreds of active roleplay servers.

From$12
Order Now โ†’