Check out this showcase video.

Categorization and Subcategories:

• Supports main categories and their subcategories.
• Dynamic content loading when clicking on a category or subcategory.

Animations:

• Animations for opening and closing the UI.
• Smooth transitions for expanding and collapsing categories.

Search Bar:

• Search functionality for categories and subcategories.

UI Settings:

• Ability to change text size.
• Toggle to show or hide the search bar.
• Selection from multiple fonts for the UI.

External Links:

• Open external links in a modal window with a close option.
• Doesn't work with all websites.

Images:

• Ability to display images in full screen when clicked.

Keyboard Shortcuts:

• Close the UI by pressing the Escape key.

Style and Design:

• Modern and clean design.
• Responsive and user-friendly interface.

• A working FiveM server.
• Basic knowledge of HTML, CSS, and JavaScript.

Download the Files:

• Download and extract the project files to your FiveM resources directory.

Configure the UI:

• Open the config.js file to customize the categories, subcategories, and other settings.

Add to Server:

• Add the resource to your server configuration file (server.cfg) with the line:

  ensure sh-guidebook