Mythic Inventory

Next-Generation Inventory System for FiveM

High-performance • Beautiful • Feature-rich

Screenshots • Features • Documentation

📸 Screenshots

Inventory Interface

Shop System

Crafting System

---

✨ Features

🎮 Core Gameplay 🎯 Drag & Drop Interface - Smooth, intuitive item management ⚡ Hotbar System - Quick access slots (1-5) 🛡️ Equipment Slots - Dedicated gear management 📦 Container Support - Vehicles, stashes, and more 🏪 Shop System - Buy/sell with dynamic pricing 🔨 Crafting System - Recipe-based item creation 🎁 Player Trading - Give items to nearby players 📊 Weight System - Visual capacity indicators

🚀 Advanced Features 🎨 Rarity System - Color-coded item tiers 💎 Item Metadata - Custom labels, serial numbers ⏱️ Durability System - Time-based item degradation 🔫 Weapon Attachments - Component tracking 📱 Multi-Resolution - 1080p, 2K, 4K optimized 🎵 Sound Effects - Immersive audio feedback 🌙 Dark Theme - Easy on the eyes ⚡ 60 FPS Performance - Buttery smooth experience

🎮 Usage

Keyboard Controls

Key	Action
F2	Toggle Inventory
Drag & Drop	Move items
Shift + Click	Quick transfer
Ctrl + Click	Drag half stack
Right Click	Drag half stack
Ctrl + Right Click	Drag single item
Shift + Right Click	Split stack dialog
Middle Click	Use item (hotbar)

👨‍💻 Development

💡 Tip: Use bun instead of npm for faster installs and builds!

Run Development Server

cd ui
bun run dev  # Vite dev server on http://localhost:5173

Build for Production

cd ui
bun run build  # Optimized production build

---

🎨 Customization

Theme Colors

Edit ui/src/styles/theme.ts:

export const colors = {
  primary: {
    main: '#0FC6A6',  // Teal accent
  },
  secondary: {
    main: '#0C1826',  // Dark background
  },
  // Rarity colors
  rarityColors: {
    1: '#8685EF',  // Common
    2: '#4A90E2',  // Uncommon
    3: '#9C27B0',  // Rare
    4: '#FF9800',  // Epic
    5: '#F44336',  // Legendary
  }
}

🤝 Credits

🎨 Design Blake FiveForge Studios

💎 UI/UX Tyh & Yarn Interface Design

⚙️ Development Alzar Mythic Framework

---

⭐ If you like this project, give it a star!

Built with ❤️ for the FiveM Community