WIP: Gaia Profile Designer Guide
I've been developing
Gaia Profile Designer (a hobby project) with the help of AI since February 2026. For anyone who knows about this project and has been waiting, I'm sorry that it's taking a while. I only get to work on this in my spare time and whenever I'm feeling really motivated.
What is Gaia Profile Designer exactly?
Actually, I'm not sure what to really call this project. Suggest some!
Gaia Profile Designer is a web-based CSS editor hosted on Github Pages, developed primarily for myself and other profile coders. Gaians who don't code can use it as well but for simple customizations only. It's still better if you know a little bit of CSS because you'll be able to use most of the features with ease! (I think)
FEATURES
Live Preview - I'm aware that browser dev tool exists. I'm no expert, but when I code, I used to use New Style Rule/Inspector-Stylesheet. It's amazing BUT I didn't want to keep resizing the inspector just to see the whole design or I didn't want to open a new window for this. In the Studio, you can preview the whole profile while coding. You can even drag the code editor anywhere on your screen.
Snippets - You can save lines of code so you don't have to write them again. It's just right next to your code editor window.
Gaia Logo Recoloring - You can now recolor the Gaia Logo without using any extra external tools and uploading them on image hosting sites. It uses DATA URI instead. You can download the recolored logo as PNG file if you prefer.
Avatar Decoration IMG Customizer - I know. The name is too long. Idk what to call it. Anyways, you ever seen a floating avatar in someone's profile and would also like to have one in yours? Yeah, you can do that with this tool. You can change the animations, the box shadow color, etc. and a code will automatically generate for you to copy and paste. Same goes for the Gaia Logo Recoloring.
And more!
All data are stored locally in your browser.
If you'd like to try it out despite any bugs you'll find,
here's the link.
It's not optimized. I hope it still runs well on your laptop/computer though. Feel free to leave feedback in the comments. I'm not a professional dev/UI designer, but if you are and would like to contribute, PR please! If you'd like to contribute graphics, like animated music icons for media, pm me!
The project's structure is a mess a right now btw. I gotta rush it cuz I won't have enough time to touch the files again soon. Also, the UI is not final.
What I'm currently aware of:
- Images and avatar menu not showing
- Some data not saving/showing
- You might get error 404 when moving panels to columns. Still, let me know if you encounter one
Some To Do's
-
Allow users to generate custom panels and put their own content with BBCode support. Done! 7/14/2026.
- Allow users to generate media panels.
- Editable #id_about panel.
- Support gradient border.
- Support Google Fonts. I had this before in my old version project, but I'm too tired to re-add it.
- Fix dis and dat
I'll probably add the option to edit the content of Classic V1 profile type when I'm done with V2.
I'll add more premade profile themes from time to time. This includes music players (media), avatar menus, contacts, comments, etc.
To see what is added, fixed, etc., you can check the project's commits
here.
I don't plan to post about the project on the forums yet. Perhaps I will once it's fully optimized and I'm satisfied with all of its features. Or perhaps I never will. Who knows. Feel free to share it to anyone though.
Comments
View All Comments
thnx
pwede kita gawaan free...
pero takes time..
kasi kailangan ko pang tanungin kung anong gusto mo sa profile mo..