Mahri

Okay, I guess I have to join the crowd and drop a little “About Me” here too. I’ll try to keep it short.

The quick version:

I’ve been coding for ages with (very) long breaks in between. I really got back into it when WoO.de launched, and ever since then I’ve been writing again. Heads up: sometimes I upload older code I don’t even like anymore. It’s outdated and far from my current style but it’s part of the journey, so I still want to share it. Also, don’t be surprised if there’s radio silence for months… and then suddenly I drop five codes in a day because the random energy hit like a truck.

Stuff worth knowing about my code:

I’m a future software developer, planning to specialize in frontend — because why not turn your hobby into a job, right?

Since there are still people out there who feel the need to steal snippets (and not just a little)… without giving credit: shame on you. I will find you. 😉 So please ... leave the credits intact. My code = my promotion. Of course, you can’t always prevent theft, but I do sneak in things I’ll definitely notice.

Commissions?

Yes, absolutely open to it! That said, I don’t really have a “name” yet and have mostly lurked in the coding community… so no requests have landed in my inbox so far. But I’m all about high quality and clean usability. I want my code to work with you not make you rage-quit while trying to plug in your own content.

P.S.: I can do anything.

Yeah, sounds cocky, but it is what it is. If HTML/CSS can do it, we’re doing it. JavaScript? That’s trickier. WoX tends to filter it out randomly, so you never really know what’s gonna survive. Classic.

Requests?

Hey everyone! 🌸

You read that right - I’m officially opening commissions! 

If you’re interested in custom designs, feel free to reach out anytime. I’m open to pretty much everything, for example:

• Profile codes • Backstory codes • Sets • Wallposts • Signature codes • Article / lesson codes

If you’ve got an idea, just message me! I’m super excited to hear from you! ♥

♡ Dream OS

After finishing the profile, the backstory and the wallpost... I somehow couldn't stop. So naturally, the DreamOS universe now has its own signature pack.

Designed to match the entire DreamOS aesthetic, every signature feels like another little piece of the operating system. ;D

Fun Fact

Windows 98 shipped with over 1,200 system icons, many of which were hand-pixelled at 16×16 or 32×32 pixels.

As always, if you have any questions or run into problems while editing the code, feel free to message me on Discord: @mahrico.

♡ Dream OS

Fun Fact ☁

The term "Dreamcore" didn't actually originate from a single artist or community. It slowly emerged online through Tumblr, Pinterest, TikTok and aesthetic forums, where thousands of unrelated images - soft lighting, liminal architecture, old operating systems, empty playgrounds and surreal colors - began to form a recognizable visual language without anyone officially defining it.

In other words...

Dreamcore is one of the few internet aesthetics that was created almost entirely by collective nostalgia.

♡ Dream OS

Because I built a profile code ofc I had to make a backstory code as well. And here we are, guys! :3 Like the main profile, all colors are controlled through the theme system, making it easy to switch between pastel, dark or completely custom aesthetics in just a few seconds.

♡ Happy coding, and as always: if you run into any issues, feel free to message me on Discord: @mahrico.

♡ Dream OS

After spending way too many hours staring at pastel colors, dreamcore, fake Windows interfaces and tiny pixel borders, my DreamOS profile code is finally finished. ♡

The whole concept was inspired by late-night nostalgia, dreamcore aesthetics, old operating systems and the feeling of opening a computer that somehow remembers things you don't.The goal wasn't just to make another profile - I wanted it to feel like a tiny operating system built entirely around your character.

♡ Meet Lumi

your little Profile-Code-Cloud-Pet! :D It is living in the corner and probably my favorite feature!

Lumi reacts to your currently selected song. Every track can have its own mood, facial expression, status text and animations. You can make Lumi sleepy, dreamy, energetic, floating somewhere around Neptune... or invent your own little personality for them. I explained everything in the comments. If I can help you - hit me up! You can always do that <3

♡ Theme System

One of the biggest goals was making recoloring as easy as possible. You don't need to search through thousands of lines of CSS. Everything important lives inside the :root section. Simply replace the current color variables with one of the included themes (or create your own).

Example:

.wrap.theme-lunarsky .wrap.theme-blackrose .wrap.theme-crimsoncandy .wrap.theme-oceanmemory

But don't worry. I also explained it in the comments. ;D

♡ Need help?

If something breaks, doesn't display correctly or you accidentally delete half the operating system...

...don't panic.

Just send me a message on Discord:

@mahrico

I'm always happy to help if I can. ♡

Hello everyone! ♡

A little while ago someone asked if I could make matching backstory codes for a couple of my profile layouts.

Well... I finally managed to finish one. Yay!

And a certain friend of mine (yes Juls, I'm talking about you 👀) has been relentlessly reminding me that I needed to make a matching backstory code already. So... here we are.

This time there's no overly dramatic screen recording though.

As always, feel free to customize everything to match your character in the root-section. Change the colors, images, titles, quotes, chapter names... whatever you like. But do NOT touch my credits, hehe :D

Hey everyone! Here's post number two for today. 👀

I ended up making another set of signatures because I honestly had so much fun creating the last ones. This time I wanted to try something completely different, so I took inspiration from 35mm film rolls and old movie reels. I really love the little cinematic vibe they have, and I think they work surprisingly well as character signatures.

As always, feel free to customize everything. The colors, images, texts and overall aesthetic can easily be adapted to fit your own character.

A small note about the preview video: it was recorded directly in World of Olympians, so you're seeing the code exactly where it's meant to be used. Some parts may look slightly stretched or distorted in the CodePen preview due to the different rendering engine, but that's completely normal. Once you paste the code into World of Olympians (and the other WoX pages), everything displays as intended.

I hope you enjoy them as much as I enjoyed making them. Have fun customizing your own little movie frame!

Hey everyone!

Time for something a little different from my usual projects. This time I made a Lesson Code, available in two different themes. The first one is a soft, romantic Rose Atelier aesthetic, while the second takes a more ethereal Mermaid / Seafoam Pearl approach (which felt oddly appropriate considering the weather we've been having here in Germany lately).

Like most of my recent releases, the entire color palette is powered through the :root variables, so you can easily swap colors, create your own themes, or completely change the vibe without digging through the CSS.

The layout is fully responsive and designed with lesson posts in mind, especially longer texts that need plenty of room while still looking clean and aesthetic.

P.S. This layout isn't limited to lesson posts! It also works beautifully for board articles or announcements

Happy coding! ♡

Soft Rose:

Ocean Siren:

I honestly got tired of making graphics for every single character.

Sometimes I just want a signature that looks good, is easy to customize, and doesn't require opening Canva every five minutes. That's how this little collection was born.

These signatures are built entirely with HTML and can be edited in just a few minutes. Simply replace the images, update the colors, change the quote or song, and you're done.

One of my favorite things about this format is that it works perfectly with GIFs. A few animated images instantly make a signature feel alive without needing any graphic design skills.

The templates are suitable for:

• Roleplay posts • Private messages

Everything is designed to stay compact, easy to read, and beginner-friendly while still looking aesthetic.

If you're anything like me and prefer spending your time writing instead of creating graphics, these might be exactly what you're looking for.

Feel free to modify, recolor, and adapt them for your own characters.

♥ Have fun coding!

Hello everyone! ♡ I’m finally back with a brand new profile code that I’ve been working on over the last few days. This one is a little cleaner and more minimal compared to some of my older layouts — but also way easier to edit and customize.

All colors can be changed very easily through the :root section, so adjusting the entire vibe only takes a few seconds. The overall design was inspired by glossy fashion magazines, editorial layouts and cinematic character aesthetics, while still being flexible enough to fit a lot of different themes and personalities.

Even though it leans into a soft luxury / editorial style, you can easily push it more into dark academia, old money, grunge, romantic, modern or even colder masculine aesthetics depending on the colors and images you use.

And yes - despite the preview character - it also works really well for male characters. :) V1

V2

hello everyone ♡ coding fever hit me HARD lately. i listened to way too much twilight music and somehow this entire code turned into a full vampire gothic mess. but honestly? i’m obsessed with it.

and because someone recently called me out for making my codes impossible to edit, i actually tried to make this one extra easy to work with this time 😭 the colors are super easy to change and the rest recalculates automatically, so you can pretty much turn it into anything you want.

you could make it all soft and bright and happy - or somehow make it even darker. that part is completely up to you.

i also made a blue example version called Midnight Decay just to show how different the vibe can become with only a few color changes.

small note though: the images with the class .collageRose might need some resizing/repositioning in the CSS depending on your own pictures. but that should be a pretty quick fix.

have fun with it ♡ RED DECAY

MIDNIGHT DECAY

i don’t really have much to say right now. just sleepless nights and a quiet mind that only settles when i’m coding. three simple wallposts. all called sadness. maybe that’s enough. xD

Red

Black & White

Blue

after finishing the profile code, i kinda just sat there and thought… something’s missing. and then it hit me: i never make matching backstory codes. like… ever.

so this one is basically the storytelling counterpart to the profile. same vibe, same aesthetic, just made for all your lore, drama and painfully long character histories (as it should be).

it works really nicely with a lot of text, but still keeps everything readable and clean.

and again: please send me your versions. i mean it. i love seeing what you guys do with these, even if i mostly end up quietly stalking from the shadows :’)

NEO TOKYO

hey loves ♡

i told you i’m deep in my coding fever era right now… and guess what - tumblr finally decided to work with me again. dangerous combination tbh.

so yeah. i went completely off track (as usual) and made something entirely different… but also finally satisfied my unhealthy obsession with neon aesthetics.

this profile code actually adapts really well to longer texts - but if you’re more of a minimalist, no worries, scrollbars will take care of everything for you.

also pls - and this goes for all my codes - send me what you create with them. i love seeing your versions. i’ve already seen so many pretty ones… mostly because i stalk way too much :’)

NEO TOKYO

okay so apparently i’m deep in my coding fever era right now because instead of stopping at the profile codes… i went ahead and made a full backstory version too 🦋

i’ve always just done profile codes without matching backstory layouts, but i’ve heard so many times that people wished there were ones to go with them… so yeah - i finally gave in and did it :P

now you can actually keep the same aesthetic for your character and their story, which just feels way more cohesive tbh

ps: had to drop all of these at once because tumblr has been acting up for days and i’m not trusting it anymore 😭

PINK BUTTERFLY

DARK BUTTERFLY

as mentioned in the profile codes - these are the two wallposts that originally inspired me to create the matching profile codes 🦋

hope you like them <3

🩷 pink butterfly

🖤 dark butterfly