A fully custom React NUI storefront for ox_inventory. Configure once, and the UI does the rest.

cf_shops: Modern Shop UI for ox_inventory

Give your players a shop they'll actually enjoy using. cf_shops replaces the default ox_inventory shop window with a clean, fast React + Tailwind CSS storefront, while keeping your setup as simple as a config file.

▶ Watch the showcase: CF_Shops Youtube Video

✨ Features

• Modern React + Tailwind CSS v4 NUI
• Real-time item search
• Item categories
• Cart system with quantity controls
• Multi-currency support
• ox_inventory item images pulled in automatically
• Server-side validated purchases (prices, distance, funds and carry capacity are all checked on the server)
• Multiple locations per shop from one config entry
• Reusable item types, so you never copy the same item list twice
• Lightweight client/server setup
• Built for the ox_* ecosystem

⚙️ Configure once, UI does the rest

Define reusable item groups:

Hardware = {

    { name = 'lockpick', price = 50, currency = 'money' },

    { name = 'screwdriverset', price = 50, currency = 'money' },

},

Then attach them to a shop:

{

    name = '24/7 Supermarket',

    locations = { vec3(25.7, -1347.3, 29.49), vec3(373.87, 325.56, 103.57) },

    types = { 'Hardware', 'Liquor' },

},

Every location using the same shop entry opens the same inventory. Adding a pharmacy, hardware store or ammo shop takes a few lines.

📦 Requirements

• ox_lib
• ox_inventory
• ox_target

🛠 Installation

1. Place cf_shops in your resources folder
2. Ensure ox_lib, ox_inventory and ox_target start first
3. Configure your shops in config/shared.lua
4. Add ensure cf_shops to your server.cfg

📁 What's included

• Full resource with source files
• Pre-built UI, ready to run
• Example configuration with sample shops and item types
• README with setup and configuration guide

❓ FAQ

Does this replace ox_inventory?
No. It's a storefront for ox_inventory. Items, item images and money handling all still run through it.

Can I use the same items in multiple shops?
Yes. Define an item type once and reference it from as many shops as you like.

Does it support multiple locations?
Yes. One shop entry can have any number of locations.

Which framework do I need?
Anything running ox_inventory. ESX QBCore QBOX.

Do I get support and updates?
https://discord.gg/ad54VKHgUb

Made by CF Studios for FiveM servers using the ox_* ecosystem.