Godot 4 UI Juice Kit

A UI kit for Godot 4. Everything drawn in code, no sprites, no StyleBoxes, no theme files.

Play the demo above. Press J to switch all the juice off and compare the same screen with and without it, that toggle is the whole point.

What it does

• Buttons that lean, punch and wobble when you press one you are not allowed to press
• Menus that deal in, six entrance styles and six stagger orders
• Counters that count up instead of snapping, timed off how big the change was
• Bars with a ghost fill that lags behind so you can see how much you just lost
• Toasts that slide into the gap when one above them expires
• A CRT filter with curvature, scanlines, phosphor mask, bloom, grain and flicker, all in one pass
• Screen shake, hitstop, slow motion and pooled sound with pitch variation
• An animated backdrop that drifts through five palettes while you sit there

Why it is drawn in code

Every widget renders itself in _draw() out of polygons and text. That means it works at any resolution and recolours from one palette file, but the real reason is that every property ends up being a float you can tween.

You cannot animate a StyleBox. That is why most Godot menus sit still.

Get the source

Free and MIT licensed, do whatever you want with it.

github.com/Miisan-png/godot-liquid-ui

Come say hi

• Discord where I yap to my community
• Instagram tutorials and reels about game feel
• GitHub all the projects

Support

It is free and it stays free. If it saved you time, a donation goes straight into the time I put into updates. No pressure either way.

Made with Godot 4.7. Sounds by Kenney (CC0), Bungee font by David Jonathan Ross (OFL), brand icons from Simple Icons (CC0).