intermediate

UI Toolkit Kit

Essential game UI components: health bars, damage numbers, tooltips, minimap, screen fader, and timer display.

6 scripts · 19 KB
RPGFPSGeneral Essential UI for any game

Features

Health bar with smooth fill, color gradient, and damage flash
Floating damage and healing numbers with animations
Mouse-following tooltip with auto-positioning and rich text
Screen fade-in/fade-out for transitions and cutscenes
Render texture minimap with icons and zoom control
Versatile timer with countdown, stopwatch, and formatted display

Included Scripts

/ui-toolkit-kit/

Setup Guide

1

Import all scripts into your project

2

Create health bar UI with background and fill images

3

Attach HealthBarUI and connect to HealthSystem events

4

Set up tooltip panel with header and body TextMeshPro texts

5

Create a full-screen Image for ScreenFader transitions

6

Set up minimap camera and RawImage display for MinimapSystem

7

Add Timer component for countdown/stopwatch displays

8

DamagePopup.Create() for floating combat numbers

Code Preview

C#
// HealthBarUI.cs - Smooth animated health bar
public class HealthBarUI : MonoBehaviour
{
    [SerializeField] private Image fillImage;
    [SerializeField] private Gradient colorGradient;
    [SerializeField] private float smoothSpeed = 5f;

    public void SetHealth(float current, float max) { /* smooth fill */ }
}

// TooltipSystem.cs - Mouse-following tooltip
public class TooltipSystem : MonoBehaviour
{
    public static void Show(string header, string body) { /* ... */ }
    public static void Hide() { /* ... */ }
    // Auto-positions to stay on screen
}

Available Individually

These scripts are also available as standalone downloads:

Related Systems