Skip to content

Mythic-Framework/mythic-inventory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mythic Inventory

Next-Generation Inventory System for FiveM

High-performance • Beautiful • Feature-rich

React TypeScript Redux MUI Vite

ScreenshotsFeaturesDocumentation

📸 Screenshots

Inventory Interface

Inventory

Shop System

Shop

Crafting System

Crafting


✨ 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

Made for FiveM

About

old ahh inv

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages