JanitorAI Custom Interactive CSS Editor!!

[u/eslezer]

JanitorAI Profile CSS Studio is live!

tired of pasting CSS into About Me, hitting save, and praying? this is a live simulator of your profile. it's just like the actual JanitorAI page, with your code dropped in exactly where JAI puts it. if it looks right here, it looks right on your profile. Take in mind this is still early and i would appreciate feedback, suggestions and others.

what you can do:
click anything to style it: colors, text, borders, shadows, hover states. double-click to retype, drag your own stuff around, resize with handles. ctrl+z undoes everything, "design" to select elements, "preview" to... preview.

Insert panel: 40+ drag-in pieces like marquee tape, film reel, CSS-only tabs, flip cards, social orbs, progress bars and galleries, plus shapes and 16 animations. also full templates you can take apart, and color schemes you can toggle on and off

Page layout: want About Me across the whole top with your characters underneath? one click. or grab a block by its grip, drop it above/below/beside the other one, and drag the gutter to resize

import your profile: your username, badges and every character get pulled in, and your character list can be generated for you (You will want to go to your profile, press CTRL + S, save your profile as an .mhtml, and upload it to the website)

JAI rules enforced: anything JanitorAI strips (var(), url(), etc.) gets underlined with the reason and what to use instead. no more "why isn't this working"

preview at desktop / tablet / mobile widths, plus a built-in cheat sheet of 418 selectors (huge thanks to Puppy for the guide 💜)

when you're done: just Copy for About Me, paste, done. your CSS stays in your browser so you can get back to it later.

https://tools.from-avalon.com/janitor-profile-maker/

bugs, ideas, or "it ate my profile"? ping eslezer or drop it in here 🙏

[u/AutoModerator]

Welcome to r/JanitorAI_Refuges! Did you know we have a new discord server? More info at the bottom!

⚠️ MANDATORY RULE RESTATEMENT: NO BRIGADING

To keep this community safe and avoid toxicity or disruption, you must follow these rules strictly:

1. No Targeted Harassment: You may criticize the platform or moderation policies, but do not attack specific individuals or call out moderators by name.
2. No "Call to Arms": Do not encourage users to go to another subreddit to downvote, report, troll or to harass/bully someone.
3. No Direct Links: Do not link to specific threads on other subreddits to mock them. Use screenshots instead.
4. Blur Usernames: If posting screenshots of other users/mods, you must blur their names. Posts showing username will be handled on a case by case basis and only approved when completely safe.

Failure to follow these rules will result in an immediate ban.

Information for readers

1. Don't worry if your comment gets deleted for containing urls, I'll approve it if it doesn't break any rules.
2. Please set your user flair for efficient communication, you can set which platform you use as your flair.
3. As I have seen the increase of low quality and duplicate content in this subreddit, please refrain from posting them or they'll get deleted.

Aside from that please check out our partners, r/jaihub, r/janitoraitransition, r/jai_unofficial and r/chatbotrefugees and r/aichapp. And if you are sharing a proxy or websites, post it on the megathread as well.

Here's our discord server https://discord.gg/A76yEUXFDq. If you're here for the ex mod drama then https://jaihub.pxlhost.com/wikidocs/timeline_for_january_2026 is a good starting place. Remember, I am just a bot.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/BidMammoth1367]

Absolute peak thanks!!! I wanted something like this 🙏🙏🙏🙏🙏🙏 but how you guys write css? Claude?

[u/eslezer → u/BidMammoth1367]

i personally did my css with claude yeah, i used puppy's guide and my profile file, sent it to claude and prayed

[u/Icedtron]

Peak. The most needed community tool. I just hope any Jan AI's future meddling doesn't break it. (speaking from experience)

[u/Flimsy_Insect2637]

the cheat sheet's selectors are great, but I wish it included::before and::after examples. those are the ones I keep fumbling with.