A fully animated and customizable stylized Health Bar UI component for your Roblox game project!

What's included?

• A health and stamina bar which you can configure in the Server-side script! Configure setting such as Current and Max Health, along with Current and Max Stamina!

• Adjust the amount of health and stamina depleted for testing manually

• Change testing controls and keybinds inside of "DebugControls"

How do you set this up properly?

Ensure the Server script is placed inside "ServiceScriptService", and the Client scripts inside "StarterPlayerScripts".

The parent frame is tagged "HealthComponent", and the left and right side parent frames are tagged "HealthBar" and "StaminaBar" respectively. "Stamina" is defined with the ability of auto-regeneration, while "Health" requires an input key to heal (for testing).

The discovery system for this interface is written and designed in such a way which largely ignores hierarchy and nesting, utilizing the CollectionService tags to easily locate and identify assets. For example, since we have "HealthBar" tagged, the code simply scans inside the parent frame for the asset named "bar", and looks for the UIGradient inside the bar to animate it!

Terms and Conditions: Please review our Policy Page thoroughly before making your purchase. By completing your purchase, you agree to adhere to the terms and conditions described therein.

If you enjoyed these design products, consider upgrading to Unlimited Access, to see more of what we have to offer, or browse our collection of premium design products.

This asset is included inside Unlimited Access.

Join 390+ developers inside and get access to this for free, along with 60+ assets instantly.