├── preview
    ├── shop.png
    ├── preview1.png
    ├── preview2.png
    ├── preview3.png
    └── ox_inventory.png
└── README.md


/preview/shop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frvgs/ox_inventory_v1/HEAD/preview/shop.png


--------------------------------------------------------------------------------
/preview/preview1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frvgs/ox_inventory_v1/HEAD/preview/preview1.png


--------------------------------------------------------------------------------
/preview/preview2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frvgs/ox_inventory_v1/HEAD/preview/preview2.png


--------------------------------------------------------------------------------
/preview/preview3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frvgs/ox_inventory_v1/HEAD/preview/preview3.png


--------------------------------------------------------------------------------
/preview/ox_inventory.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/frvgs/ox_inventory_v1/HEAD/preview/ox_inventory.png


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <br/>
 2 | 
 3 | <div align="center" style="margin: 30px;">
 4 |   <a href="https://frvgs.com/">
 5 |     <img src="https://cdn.frvgs.com/banner_new.png" align="center" />
 6 |   </a>
 7 |   <br />
 8 |   <div align="center">
 9 |     <a href="https://frvgs.com">Website</a> |
10 |     <a href="https://discord.gg/wHhg6Zgbsa">Discord</a> |
11 |     <a href="https://forum.cfx.re/u/frvgs">Forum</a> |
12 |     <a href="https://frvgs.com/docs">Docs</a>
13 |   </div>
14 | </div>
15 | 
16 | <br />
17 | 
18 | <div align="center">
19 |   <strong>This is a redesign & rework of <a href="https://github.com/overextended/ox_inventory">ox_iventory</a> !
20 | 
21 | <br />
22 | <br />
23 | 
24 | </div>
25 | 
26 | ![ox_inventory](preview/ox_inventory.png)
27 | 
28 | 
29 | [![Video Preview](https://cdn.frvgs.com/youtube/ox_inventory_cover1.png)](https://www.youtube.com/watch?v=r9OG_WeODfI)
30 | 
31 | 
32 | ![Preview1](preview/preview1.png)
33 | 
34 | ![Preview2](preview/preview2.png)
35 | 
36 | ![Preview3](preview/preview3.png)
37 | 
38 | 
39 | 
40 | ## ✨ Features
41 | -	🎨 Redesigned inventory slots, buttons, and weight bar with smooth animations.
42 | -	🖥️ Added a specific media query for 2160p (4K) monitors.
43 | -	🛠️ Introduced a new panel for server information.
44 | -	📐 Optimized design elements for better visibility on larger screens.
45 | 
46 | ## ⭐ WIP (Work in Progress) Features
47 | - 🎨 Option to change the color theme.
48 | -	🔄 Option to customize the position of elements.
49 | -	🗂️ Tabs to categorize items.
50 | -	🎨 Background color options for each item category.
51 | -	🖼️ Option to replace item images.
52 |   
53 | ## 📦 Installation
54 | 1. Download the zip archive from this repo.
55 | 2. Copy the content from `FRVGS_ox_inventory_v1/build` to your `ox_inventory/web/build` 
56 | 3. Enjoy your new design !
57 | 
58 | 
59 | ## 🛟 Support
60 | Join the [discord](https://discord.gg/wHhg6Zgbsa) if you need support or custom UI design for your server.


--------------------------------------------------------------------------------