Pixel UI Theme for Godot
A downloadable Theme
This is a Ready-to-use Theme for Godot 4, based on my 8x8 Pixel Icons and UI Backdrop Sprites.
NOTE: TabContainer is buggy for Godot 4.2.1
Suitable for low-res pixel art games. The screenshots show a window with 320x240 resolution - a common resolution for pixel art.
All the controls are intuitive and are appropriately styled when 'focused' - I.E, it works well for controller input as well as mouse & keyboard.
If you have any questions or feature requests, feel free to leave them in the comments :)
License
Upon purchase, you can use this asset for one or more game or software projects, either commercially or non-commercially.
Purchase
In order to download this Theme you must purchase it at or above the minimum price of $5 USD. You will get access to the following files:
Development log
- Version 1.358 days ago
- Colored Themes!Oct 07, 2022
Comments
Log in with itch.io to leave a comment.
Hello, while looking for pixelated interfaces, I came across this creation that I really like. However, I'm facing an issue. The target device I'm designing for is in portrait mode for display on a phone, so I set the target design resolution to 1080x1920. Initially, everything appeared fine on the phone display, but when integrating the main elements into the project, the high resolution made everything look very small. I tried downsizing the design resolution to 240x425 (4.5 times smaller than the original), adjusting all game elements accordingly. While the theme elements looked good at this resolution, other pixel art assets in the game didn't fare well, showing significant aliasing and poor visual appeal. I eventually abandoned the low resolution approach, but I really love this theme! Currently, I have to scale up buttons 3 to 4 times to achieve visually appealing pixelated buttons, yet other components don't work well with scaling for size control. After all this, what I'm wondering is if it's possible to create a high-resolution version of the pixelated theme. It may sound contradictory, but it seems to make sense. Can a pixelated world not exist in high resolution?
This is possible but would require re-creeatin the theme resource from scratch more or less.
You can upscale the spritrsheet 4x using nearest/no filtering and then see if you can make the theme from scratch? It's fairly easy but takes a few hours of fiddling.
I can't get the TabContainer to work. After setting up the theme, I get the default godot TabContainer look for my node. Any idea why that is and how I can fix that? This is also the case for the radio button.
It would help a lot if you could include the scene file of the colored theme(s) in the zip file.
Thanks in advance!
(I'm on Godot 4 and used the v1.2 Godot 4 version of your pack)
I'm working on improving the look of the TabContainer for Godot 4.2.1 now. Will update soon.
When will you update the theme? The latest version still doesn't work. Another question: In the screenshots there is a thick border around the window. What kind of UI element is it? Couldn't find it in the theme.
I managed to fix it. It's in the version 1.3 download.
The thick bordered thing is probably a PanelContainer?
Alternatively you can easily override the look for a specific control by overriding in Inspector:
Theme Overrides/Styles/Panel, then add a StyleboxTexture and apply the 8x8_ui_elements.png or a color variation as an AtlasTexture, then select the region you want.
Was disappointed there are no Radio icons included (the checkboxes are missing a number of textures)
Godot 4?
The pack is great, but can you include ripped versions of each sprite? Just in case a situation happens where someone switches editors or wants to edit one sprite at a time but can't.
Hey! The theme is very cool! Only problem is that all the regions are missplaced in Godot 4!
I'm about to update it for 4.0 since it is now stable!
Your theme is LOVELY and immediate buy+follow from me. I hope to see more themes from you! You should really have an HTML5 demo project here so people can see it in action!
BTW, if into your
tresfiles and replace:– with –
Then people won’t need to put the theme in a particular path.
(and replace
res://pixel_ui_themewith.in all of yourtresfiles)Thank you! That's indeed a good idea!
Do you know if this theme works with Godot4? I know some needed updates, but as I understand, it’s generally mild.
I just uploaded a new version that supports Godot 4, see the files.
Hi friend, if I purchase this asset package, can I use it in my mobile game for commercial purpose? There’s no license so I thought I should ask you first. Thanks!
Ah, yes you can! I should add some license info hehe :)
Many thanks!