One theme, every piece
Choose wooden RPG, stone dungeon, royal gold, neon sci-fi, candy pop, retro handheld and more. Every button, panel, bar and icon follows the same colors, border, corners and texture, so the whole interface matches.
Game UI Kit Generator
Generate a complete, matching game interface from one theme: buttons in four states, panels, dialogs, item cards, speech bubbles, inventory slots, health, mana and segmented bars, text fields, dropdowns, steppers, sliders, checkboxes, toggles, tabs, scrollbars, tooltips, banners, avatar and minimap frames, badges, key prompts, 36 icons and cursors – in native pixel art or smooth style.
- Pick a theme300 themes: fantasy, sci-fi, casual, retro
- Style itColors, border, bevel, corners, texture
- ExportAtlas PNG + JSON with 9-slice, or every piece
ThemeLoading…
Pick a theme to start.
Make it your game’s look
Change the style (pixel or smooth), size, border thickness, bevel, corner radius, texture, shadow, gloss and rivets, and all eleven theme colors. The game screen preview shows the kit in a real layout as you work.
Ready for your engine
Download one atlas PNG with JSON frame data – including 9-slice margins for panels and buttons – or every piece as its own PNG in a ZIP. Save the project to keep editing later.
Questions & answers
What is in a kit?
60 matching pieces: normal and accent buttons in four states (normal, hover, pressed, disabled), round icon buttons, a 9-slice panel, inset panel and dialog with title bar, inventory slots, a title banner, a tooltip, a bar frame with health, mana and XP fills, slider, checkboxes, radio buttons, toggles, tabs, a scrollbar, text fields, a search field, dropdown, number stepper, close button, item card, speech bubble, avatar and minimap frames, a cooldown ring, star rating, key prompt, divider, segmented bar, notification badge, 36 icons and two cursors.
Can I change the look?
Yes. Start from 22 themes – wooden RPG, stone dungeon, royal gold, parchment, elven, steampunk, neon sci-fi, space metal, cyber, tactical HUD, candy, pastel, minimal flat, dark glass, ice, lava, ocean, retro handheld, 8-bit arcade, western and more – then change the style, size, border, corner radius, bevel, texture, shadow, gloss, rivets and all eleven colors.
What is 9-slice?
A way to stretch a panel or button to any size without distorting it: the corners stay as they are and the edges and middle repeat. The JSON lists the left, right, top and bottom margins of every stretchable piece, ready for Godot NinePatchRect, Unity sprite borders, GameMaker and Phaser.
Is it real pixel art?
In Pixel art style every piece is drawn at its real size – one art pixel is one pixel in the PNG – with hard edges. Smooth style draws anti-aliased edges for high-resolution games. Pieces are never upscaled.
Why are there no words on the buttons?
Games need their own text in many languages and sizes, so the pieces are left blank. Add labels with your game font in the engine. The preview shows example labels only.
Can I use the kit commercially?
Yes. The pieces are generated on your device from your settings. You may use them in free and commercial games without attribution.
Is anything uploaded?
No. Everything is drawn in your browser. Save a project file to keep editing later.