# CustomButton<\/p>\n
**Environment:** Client-side
\n**Loader:** Fabric <\/p>\n
The ultimate GUI customization mod for Fabric \u2014 now with crosshair, hotbar, and item name customization, support for multiple languages, and various visual tweaks.<\/p>\n
—<\/p>\n
## \ud83d\udcd6 What is this mod?<\/p>\n
Does Minecraft\u2019s default interface feel a bit dull? Want to tweak buttons, checkboxes, sliders, crosshairs, hotbars, or item names to match your personal style\u2014perhaps a sleek modern vibe or bold, vibrant colors? **CustomButton** makes it possible!<\/p>\n
This client-side Fabric mod offers a powerful in-game configuration screen, allowing full customization of Minecraft\u2019s GUI elements. With intuitive controls, you can create a unique interface that feels truly yours.<\/p>\n
—<\/p>\n
## \u2705 Features<\/p>\n
### \ud83c\udfa8 Deep GUI Customization<\/p>\n
– Customize background and text colors for buttons, checkboxes, sliders, hotbars, and item names using an intuitive HSV color picker.
\n– Adjust transparency (opacity) for backgrounds, slider handles, and active hotbar slots.
\n– Modify corner radius for rounded or sharp designs across buttons, checkboxes, sliders, and hotbars.
\n– Fine-tune slider settings like handle size and text offset.
\n– Design your own crosshair with a pixel-based editor, including size and color customization.
\n– Adjust item name rendering with fade time and vertical offset settings.
\n– Configure hotbar appearance, including background and active slot styling.<\/p>\n
### \ud83d\udee0 In-Game Configuration Screen<\/p>\n
– Access the configuration menu via the game menu (default key: `P`) to customize elements in real-time.
\n– Organized tabs for buttons, highlighted buttons, checkboxes, sliders, highlighted sliders, crosshairs, hotbars, and item names.
\n– All changes are saved automatically to a JSON config file for seamless session persistence.<\/p>\n
### \ud83d\udc41\ufe0f Visual Feedback<\/p>\n
– Instantly preview color choices with a live preview box.
\n– Real-time crosshair editing with grid-based pixel editor and eraser mode for precision.<\/p>\n
### \ud83c\udf0d Localization Support<\/p>\n
– Supports multiple languages in the configuration screen to accommodate a global audience.<\/p>\n
### \u26a1 Lightweight and Efficient<\/p>\n
– Optimized for Fabric with minimal performance impact.
\n– No server-side installation required \u2014 ideal for both singleplayer and multiplayer.<\/p>\n
—<\/p>\n
## \ud83e\udde9 Usage Examples<\/p>\n
– **Customizing a Button:** Create a sleek, modern look by adjusting background color and corner radius.
\n– **Tuning a Slider:** Fine-tune the handle size and text offset for precise GUI control.
\n– **Designing a Crosshair:** Use the pixel editor to craft a custom crosshair with your preferred colors and shape.
\n– **Styling the Hotbar:** Personalize the hotbar\u2019s background and active slot styling.
\n– **Customizing Item Names:** Adjust tooltip fade time and vertical position for item names.<\/p>\n
—<\/p>\n
## \ud83d\udcd6 How to Use<\/p>\n
1. Install the mod and Fabric API in your `mods` folder.
\n2. Launch Minecraft and press `P` in the game menu to open the CustomButton configuration screen.
\n3. Use the tabbed interface to customize any GUI element with real-time previews.<\/p>\n
—<\/p>\n
## \u2699\ufe0f How It Works Internally<\/p>\n
CustomButton uses **Mixin** to hook into Minecraft\u2019s GUI rendering system, overriding the default rendering for buttons, checkboxes, sliders, crosshairs, hotbars, and item names. It uses Minecraft\u2019s widget system to provide a custom config screen and stores settings in a JSON file (`config\/custombutton.json`). The crosshair customization is powered by a pixel-based editor for maximum flexibility.<\/p>\n
—<\/p>\n
## \u2705 Compatibility<\/p>\n
– **Requires:** Fabric API
\n– **Fully Compatible:** Sodium
\n– **Supports:** ModMenu (for easy config access)
\n– **Note:** Avoid using multiple GUI-rendering mods simultaneously to prevent conflicts.<\/p>\n","protected":false},"excerpt":{"rendered":"
The mod adds a configuration screen to Minecraft, allowing users to customize the colors, opacity, and sizes of interface elements such as buttons, checkboxes, and sliders using palettes and sliders. It supports personalization through hue selection in an<\/p>\n","protected":false},"featured_media":53030,"template":"","meta":{"_minecraft_slug":"custombutton","_minecraft_project_id":"Gpz9TX8c","_minecraft_author":"Mix_Devs","_minecraft_license":"LicenseRef-All-Rights-Reserved","_minecraft_downloads":817,"_minecraft_follows":5,"_minecraft_client_side":"required","_minecraft_server_side":"unsupported","_minecraft_storage_type":"zip","_minecraft_archive_name":"custombutton.zip","_minecraft_size_bytes":10786459,"_minecraft_version_count":8,"_minecraft_updated_at":"2026-05-15T20:33:20.098214Z","_minecraft_date_created":"2025-05-14T05:44:11.641056Z","_minecraft_date_modified":"2025-06-30T17:27:17.384161Z","_minecraft_project_url":"https:\/\/modrinth.com\/mod\/custombutton","_minecraft_icon_attachment_id":53030,"_minecraft_imported_at":"2026-06-02T22:38:52+00:00","_minecraft_import_hash":"303219ea3a6d1aa96c2ea40dbfc08248","_minecraft_versions":"","_minecraft_links":"","_minecraft_gallery":"","_minecraft_api_metadata":""},"mod_category":[97,92],"mod_loader":[99],"minecraft_version":[48,73,74,38,78,79],"class_list":["post-53029","mod","type-mod","status-publish","has-post-thumbnail","hentry","mod_category-fabric","mod_category-utility","mod_loader-fabric","minecraft_version-1-16-5","minecraft_version-1-21-2","minecraft_version-1-21-3","minecraft_version-1-21-4","minecraft_version-1-21-5","minecraft_version-1-21-6"],"yoast_head":"\n