Home / Art & Sprites / Cartoon UI Maker

Cartoon UI Maker

Make the bright, chunky UI of a casual mobile game without drawing it. Pick a piece, a colour and an icon, set the outline, 3D depth and gloss, and download a sharp transparent PNG at any size. A phone screen preview shows your whole game in the same style, and Pro exports every button state and a complete kit with nine-slice values.

Colour
Label
Icon
Shape
Corners45%
Outline6
3D depth10
Gloss55%
Gradient45%
Shadow10
Size × px
Pro · Normal, hover, pressed and disabled in one ZIP, and the whole kit in your style: buttons in every colour, icon buttons, a window, bars, toggles, checkboxes, badges and stars, with nine-slice values for Godot and Unity. See plans

The phone screen uses your current style for every piece, so you can judge the look of a whole game at once.

What this makes

Casual mobile games share a look: chunky buttons with a thick dark outline, a coloured lip at the bottom that makes them feel pressable, a glossy highlight on top and big rounded text with an outline of its own. This tool draws that style as clean vector shapes at any size, so a button is as sharp at 1024 pixels as at 64. Pick a piece, a colour and an icon, tune the outline, depth and gloss, and download it as a transparent PNG.

Pieces

Buttons, round and square icon buttons, windows with a title ribbon and a close button, progress bars, toggles, checkboxes, notification badges, rating stars and currency counters. Every piece follows the same corner, outline, depth and gloss settings, which is what makes a set of screens feel like one game.

Button states

Hover is a little brighter, pressed sinks the button into its lip so it really moves down, and disabled turns it grey. Pro downloads all four at once and the whole kit in your style, with the nine-slice margins of every stretchable piece so Godot's NinePatchRect or Unity's sliced sprites keep the corners round at any width.

Fonts

Chunky uses Lilita One and Rounded uses Fredoka, both under the SIL Open Font License, so the text in your exported images can go into a commercial game. Plain uses your system font. Turn the label off when your engine draws the text itself.

Is anything uploaded?

No. Everything is drawn in your browser.

New tools every weekGet new free tools and game asset packs by email. About twice a month. Unsubscribe in one click.