SeatChange - Vehicle Seat Switcher UI | Visual Top-Down | ESX & QBCore

SeatChange - Vehicle Seat Switcher UI

Give your players a visual, immersive, and intuitive way to switch seats in any vehicle with SeatChange. This resource displays a top-down view of the vehicle with real-time seat status, rendered directly in the NUI. Forget classic menus and multiple commands – with SeatChange, it's one click and done!

Features

• Realistic Interior View: Detailed SVG top-down rendering of the vehicle interior, including steering wheel, console, and dashboard.
• Real-time Seat Visualization: Shows free, occupied, and your current position.
• Clear Color Code: Uses green for free seats, red for occupied seats, and blue for your seat.
• Motorcycle Support: Automatic vehicle type detection with adapted view for motorcycles and bicycles, including driver and rear passenger management.
• ESX & QBCore Compatible: Automatic framework detection at startup, no configuration required – plug & play.
• Lightweight & Performant: 100% client-side, zero server-side impact.
• Smooth NUI Interface: CSS animations and adaptable design for 2, 4, 6, or 8-seater vehicles.

Installation

1. Place the SeatChange folder into your resources directory.
2. Add ensure SeatChange to your server.cfg file.
3. Use the /seat command in-vehicle to open the UI.
4. Click on a free seat to move to it.
5. Press Escape to close the UI.

Compatibility

Works on all ESX and QBCore servers.