v1 is outdated and unsupported, we highly recommend users checkout the greatly improved v2 instead:
v1 (outdated)
Topbar+ is a lightweight application that expands upon Roblox’s topbar to give you greater control and customisability.
- Add and remove topbar icons with ease
- Customise the design of your icons with themes
- Enhance the default toggle behaviour
- Easily configure toggle menus for your icons
- Prompt notifications (
icon:notify()
)
First look
Creating an icon is simple as:
local icon = iconController:createIcon("Shop", 4882429582, 2)
Utilising Topbar+ and the features highlighted below, we can create beautiful and intuitive topbars in minutes, fully supported on PC, mobile and console:
Themes
By default, Topbar+ mimics the standard Roblox topbar. Themes provide you with the ability to enhance the design and behaviour of this.
iconController:setGameTheme(theme) -- Apply a theme to all icons
icon:setTheme(theme) -- Apply a theme to a specific icon
‘Soft Blue’ Example
’Rainbow Pop’ Example
Toggle Menus
Easily connect GuiObjects to appear and hide when toggled:
icon:setToggleMenu(PlayerGui.ShopGui.ShopFrame)
Captions
icon:setCaption("Caption Example")
Labels
icon:setLabel("Label Example")
Dropdowns
Dropdowns are simple-to-setup menus that by default appear when an icon is right-clicked on PC or long-pressed on mobile:
local dropdown = icon:createDropdown({...})
This default behaviour is configurable using dropdown:set(settingName, value)
.
For instance, the following settings will bind the dropdown to its icon when toggled and modify the default click-and-hide behaviour:
dropdown:set("bindToIcon", true)
dropdown:set("closeWhenClicked", false)
dropdown:set("closeWhenClickedAway", true)
(Original behaviour left, modified behaviour right)
Tips
icon:setTip("Tip Example")
Cell Size & Alignment Support
icon:setCellSize(40)
icon:setLeft() -- default
icon:setMid()
icon:setRight()
Gradients
Console Support
Customisable Corners
Installing & Using
To learn how to install and use Topbar+, visit the about section of the docs: https://1foreverhd.github.io/HDAdmin/projects/topbarplus/about/#example
See For Yourself!
You can play around with an open source example here:
Topbar+ Playground - Roblox
Resources
Topbar+ is actively maintained by the HD Admin Team; feel free to report bugs, suggest features and make pull requests at our repository.