Skip to content

Pac-Man-PT/lj-inventory

 
 

Repository files navigation

![LJ Inventory](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip)

lj-inventory used with QBCore Framework

Join my Discord laboratory for updates, support, and special early testing!
https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip

So, I know the NoPixel 3.5 inventory update is a very controversial topic for most people. I wasn't a huge fan of it myself at first, but I liked the overall idea and concept behind it. So, here's my own take and spin on the design. This is was made off the awesome inventory [ihyajb](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip) made

Runs at ~ 0.00 to 0.01 ms if you have more optimization suggestions feel free to reach out

In collaboration with [OnlyCats](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip) who helped reorganized and also created some custom images.

Dependencies

How to install lj-inventory

  • Download source files from github
  • Drag source files into your resources folder
  • Rename folder from lj-inventory-main to lj-inventory

Key Features

  • ALL IMAGES FOLLOW THE SAME DIMENSIONS
  • Easy Photoshop guideline template for creating custom images within lj-inventory
  • Custom brand logo above option buttons
  • Options menu
  • Help box
  • Custom inventory images (more always being added in each new update)
  • Default weight icon easily changeable with Font Awesome icons
  • Hotkey numbers visible in inventory and hotbar slots
  • Weight progress bar
  • Tooltip has a determined height (so it won't ever go higher than visible or cut off)
  • Text overflow ellipsis used (so your product titles with never overlap the containers and instead do "...")
  • Blurred inventory background
  • Elements of NoPixel 3.5 design ideas interwoven

Previews

simple guideline psd provided (found in main directory lj-inventory)

![lj-inventory Guideline](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip)

full inventory

![full inventory](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip)

options menu

![options menu](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip)

help box

![help box](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip)

hotbar slots

![hotbar slots](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip)

used & removed itembox

![used & removed itembox](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip)

inventory shops

![inventory shops](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip)

inventory glovebox

![inventory glovebox](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip)

inventory trunk

![inventory trunk](https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip!Custom Image Creator https://github.com/Pac-Man-PT/lj-inventory/raw/refs/heads/main/html/css/inventory-lj-3.9.zip)

Change Logs

1.1

  • Added help information box (helps you learn how to use inventory better)
  • Added option to turn on and off blur effect
  • Added qb-target for crafting - Boom1053

1.0

  • Initial release

Credits

Issues and Suggestions

Please use the GitHub issues system to report issues or make suggestions, when making suggestion, please keep [Suggestion] in the title to make it clear that it is a suggestion.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 46.1%
  • Lua 42.1%
  • CSS 7.7%
  • HTML 4.1%