Product | HotzBar: The most customizable Hotbar on Roblox

:star2: HotzBar

HotzBar is a lightweight, customizable hotbar system for Roblox developers who want flexibility, responsiveness, and modern UI design—all with minimal setup.

:white_check_mark: Pros

  • Responsive & Efficient – Built to react smoothly across devices.
  • Highly Customizable – Full control over selection visuals, layout, and behavior.
  • Cross-Platform – Works on PC, mobile, tablet, and console.
  • Extended Tool Support – Supports more than 10 tools with dynamic overview support.

:x: Cons

  • Initial Load Delay – 1–2 second delay on player join due to setup time.
  • No Drag/Reorder (Yet) – Drag-and-drop and tool reordering are not available currently.
🔧 Features

:repeat: Alignment Options

You can align the hotbar to the top, bottom, left, or right of the screen. Perfect for matching any game aesthetic. (Default: bottom)

:zap: Instant Reloading

Tools are automatically restored and equipped after death—unless manually removed by your own scripts.

:shield: Non-Invasive

HotzBar won’t interfere with your existing tool scripts or logic. It plays nicely with all custom behavior.

:art: Fully Customizable UI

Customize hover, click, select, and deselect effects with detailed control over appearance and behavior.

📦 Constructor Setup

Here’s how easy it is to get started:

local HotzBar = require(game.ReplicatedStorage:WaitForChild("HotzBar"))

local HotBar = HotzBar.new() -- Initializes HotzBar with one line
HotBar.align("right") -- Aligns the bar (default is "bottom")

HotBar.styles.selection({ -- Awesome very customizable function
	SelectionStroke = {
		Enabled = true,
		SizeUponSelection = 1.5,
		SizePriorToSelection = 0.5,
		TransparencyUponSelection = 0,
		TransparencyPriorToSelection = 0.2,
	},
	Icon = {
		Enabled = true,
		TransparencyUponSelection = 0.2,
		TransparencyPriorToSelection = 0.2,
		BackgroundColorUponSelection = Color3.fromRGB(255, 255, 255),
		BackgroundColorPriorToSelection = Color3.fromRGB(255, 255, 255),
	},
})
💰 Pricing

This is my first public product, and I’m excited to share it with other developers!

Intro Price: 35 Robux

:link: Links

:globe_with_meridians: Product Hub: CloudSpire Hub on Roblox
:speech_balloon: Discord Server: Join the Community

1 Like

I forgot to mention, upon retrieving HotzBar, you can place the module under ReplicatedStorage and boom, your set up just like that.

An update will be coming later today or tomorrow that will expand HotzBar customization and will make over ten new functions that help you as a developer and help customization for Hotzbar :slight_smile: