> For the complete documentation index, see [llms.txt](https://docs.northscripts.dev/site/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.northscripts.dev/site/documentation/resources/ox-inventory-rework/player-guide/settings-and-layout-editor.md).

# Settings and layout editor

Click the **gear** button while the inventory is open.

**Appearance**

* **Inventory Style:** *Cards* puts every inventory on its own panel; *Minimal* puts the slots directly on the game scene.
* **Theme:** Light or Dark.
* **Primary Color:** preset colours or any colour you pick.
* **Icon Color:** dark, light or custom.
* **Font:** DM Sans, Roboto, Lexend, Lato.

**Layouts:** the built-in *Default* and *Extended*, plus the ones you save. A layout stores positions, colours, font and theme. The trash icon deletes a saved layout.

**Editor** (the *Open Editor* button):

* Pages: **Inventory, Hotbar, Crafting, Store**.
* **Drag** any panel to move it. It snaps to the other panels and to the screen centre.
* **Ctrl + drag** on empty space selects several panels at once.
* On a selected panel:
  * **Perspective** tilts it (X/Y, ±30°).
  * The **trash** icon removes it (only some panels can be removed).
  * Inventory grids have a **height handle**.
* **Component Library** sidebar. You can dock it on any side.
  * *Components:* add back the panels you removed, including the **Player Profile** card with a ped photo or your Discord avatar.
  * *Buttons:* Default, Strip or Icon.
  * *Progress Bars:* Ring, Line, Segments or Dots.
  * *Icons:* Square, Circle or Rhombus.
* Toolbar: **Reset Layout**, **Save Layout**, **Exit Editor**.

Everything is saved on your PC and adapts to any resolution.
