Casual Game UI

A chunky, rounded pixel art UI kit for casual, mobile, puzzle and cozy games on a strict 32x32 grid: 76 sprites in each of 5 themes (candy, sky, lime, sun, grape) plus 140 shared icons, cursors, digits, bar fills, stars, badges and animations, 520 sprites in all. Big pressable buttons, coin and gem counters with a plus button, star ratings, a level-select map with nodes and a path, pop-up windows, reward and shop cards, a daily-reward calendar, toggles, sliders, progress bars, badges and a spinning coin.

Licence in one line: use it in your commercial games; do not resell the files.

5 themes, one layout

Candy is very round with a glossy band, sky has a bubble rim and a shine dot, lime has leaf-shaped corners, sun is a soft block with a cream double outline and studs, grape is a dark night theme with sparkles. Every theme has the same sprites, the same file names and the same sheet layout, so you reskin a whole UI by swapping one folder. They are not recolours: each theme has its own corner shape, outline profile and corner mark.

What you get in every theme (76 sprites)

• Panels (10): 9-slice panels (basic, dark, title, pop-up with a lip, inset, hollow frame), a 96x128 reward/shop card, a tooltip, a speech bubble, a round avatar frame.
• Buttons (23): wide and square buttons in normal, hover, pressed and disabled (the pressed one really sinks: its 4 px lip is gone), a big round play button, circle icon buttons, close, arrows, tabs, confirm and cancel.
• Counters (2): dark pills with a round icon well, plain and with a green plus button.
• Bars (4): standard, thin, an XP bar with a star cap and a timer bar with a clock cap.
• Level map (7): nodes for locked, open, done and the current level (2-frame pulsing ring), plus path dots.
• Slots (5): normal, hover, selected, locked, empty (dashed).
• Daily-reward calendar (3): day, today and claimed cells.
• Inputs (14): checkbox, radio, toggle, slider with a pressed knob, vertical scrollbar, text input, dropdown.
• Ornaments (8): divider, ribbon header, tag, speech-bubble tail, a 4-frame sparkle.

Shared by all themes (140 sprites)

• 40 casual icons in colour (coin, gem, heart, energy, star, lock, key, gift, chest, trophy, crown, settings, sound, music, pause, play, home, cart, back, restart, share, info, question, plus, minus, close, check, clock, calendar, flag, shield, magnet, bomb, rocket, bulb, hand, leaf, sun, moon) and the same 40 in pure white, ready to tint.
• 19 animation frames: a 6-frame spinning coin, a 4-frame gem sparkle, a 2-frame heart beat, a 4-frame star pop and a 3-frame check pop.
• 5 stars: on, off and half at 32 px, big on and off at 64 px.
• 6 badges: notification dot, check, lock, star, plus, alert.
• 13 score digits: chunky white 0-9, x, + and ! for scores, combos and pop-ups.
• 12 bar fills in six colours, standard and thin; 5 cursors with hotspots, including a tap-hint hand.

Made to drop in

• Strict 32x32 grid: every sprite is 32, 64, 96 or 128 px wide and high. Nothing is cut at an odd size.
• 9-slice ready: the corner marks live in the corner cells, so every panel, card, pill, bar and button stretches to any size with crisp corners. The margins and content areas of every sprite are in the JSON.
• Every sprite as its own PNG and on a sprite sheet with a JSON map, at 1x, 2x and 3x.
• Colour palettes for every theme (.hex and .gpl) and a README with the button, counter, bar, level-map and calendar recipes.

Every screenshot is built only from sprites in this pack (the text is our preview font, not included).

Try before you buy

The free sample has 111 sprites: the candy theme's core (panels, a pop-up, a card, buttons in every state, pills, bars, nodes, slots, day cells, inputs, sparkles), 12 icons in colour and white, 2 cursors, bar fills, stars, badges, the coin spin, the star pop and the digits 0-9.

Licence

Use and modify in personal and commercial projects. Shipping the sprites inside your game is fine. No resale or redistribution of the assets, modified or not. Credit is appreciated, not required. Not for AI training or NFTs.

How it was made

Every sprite is drawn by code: frames are peeled ring by ring from exact masks, the icons and digits are typed as material maps and shaded by code, the stars and hearts are computed shapes. The code was written with AI-assisted tools. No image generator was used, and no third-party art or fonts are included.

Missing a screen or a widget? Leave a comment: the pack gets updates.