How to Make Pretty UI with Theme Editor in Godot 4 @16bitdev
How to Make Pretty UI with Theme Editor in Godot 4  @16bitdev
Uploaded August 2024 | Updated September 2026, 23 hours ago
Making UI with theme editor & style box and implementing some basic animation to UI.

- Time stamps -

0:00 - Preview
0:22 - Study Material / Reference
0:46 - How NinePatchRect works
1:50 - Menu UI Setup
2:15 - Theme for Button & Custom font
4:56 - Inventory UI Setup
7:24 - Party UI Setup
9:13 - Code for setting Description
9:53 - Code for Inventory Slot and Item Resource
11:32 - Font Shadow & fixes
12:08 - More items for testing
12:34 - Code for Party Slot & Character Resource
14:47 - Animation Setup for the UI elements
17:27 - Code for controlling animations
19:32 - Final Result & Thanks



- Related Videos -
Weapon System - youtu.be/ANuCGdakZXs

- Asset Used -
UI - mounirtohami.itch.io/pixel-art-gui-elements
Characters - pixelizabeth.itch.io/free-characters-32-24-16-px-sizes

- Code -
UI - pastebin.com/X11B7dW5
Item Slot - pastebin.com/GjmwcCK4
Party Slot - pastebin.com/NtX9gyjC
Item - pastebin.com/4nCRmEFu
Character - pastebin.com/2irikAaj


- Patreon -
patreon.com/16BitDev

- Discord -
discord.com/invite/AYv8FRz5ag




- Music Used -
- DaniSogen - Adanel
- Provided by Lofi Records
- Watch: youtube.com/watch?v=2CaWTjX5aqk
- Download/Stream: fanlink.to/AWorldofIllusionn
How to Make Pretty UI with Theme Editor in Godot 4Drag and Drop Godot 4Combat Update | Godot 4.6+Smooth Handheld Camera Shake using Perlin Noise in Godot 4 | Tutorial | Game Juice (in 2 minutes!)Make Your Farming Game!Enemy Camp in a Dungeon - Godot 4Main Menu - Saving & Loading Settings in a ConFig File Godot 4.5Weapon System - RPG Game Design in Godot 4Damage Formula - Deep DiveHow to Upload your Game in itch.io - Web Export in Godot 4Obsidian + Godot 4.6 | Game Design Documentation2D Heightmap using Custom Data Layer in Godot 4
16BitDev |

How to Make Pretty UI with Theme Editor in Godot 4

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER