Mahri

Code, caffeine, and controlled digital destruction. Becoming a web dev, one bug at a time.

[mahrico]

Meet me. ;)

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?

Sure, hit me up! No promises on actually building it but sometimes I’m short on inspiration, and I’d love to hear your ideas ;D

[mahrico]

GLAMOUR - PROFILE CODE

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

GLAMOUR V1 [PROFILE CODE]

...

V2

GLAMOUR V2 [PROFILE CODE]

...

[mahrico]

VELVET DECAY - Profilecode

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

VELVET DECAY [PROFILECODE]

...

MIDNIGHT DECAY

MIDNIGHT DECAY [PROFILECODE]

...

[mahrico]

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

SADNESS V1 [Wallpost]

...

Black & White

SADNESS V2 [Wallpost]

...

Blue

SADNESS V3 [Wallpost]

...

[mahrico]

NEO TOKYO - Backstory

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

Neo Tokyo - Backstory Code

...

[mahrico]

NEO TOKYO - Profile Code

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

Neo Tokyo - Profile Code

...

[mahrico]

PINK or DARK BUTTERLFY - Backstory

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

Butterfly PINK - Backstory Code

...

DARK BUTTERFLY

Butterfly DARK - Backstory

...

[mahrico]

PINK or DARK BUTTERFLY - Wallpost

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

Pink Butterfly - Wallpost

...

🖤 dark butterfly

Fae Realm - WALLPOST

...

[mahrico]

PINK or DARK BUTTERFLY - Profilecode

hey little fae creatures 🦋✨

important question first: are you a dark fairy or a light fairy?

…either way - I’ve got you covered.

I recently built two new profile codes: a soft, dreamy pink butterfly theme and a darker, more mystical dark butterfly theme.

the inspo actually came from two wallposts I made earlier (I’ll upload those separately )

both codes are fully customizable and made to feel a bit like stepping into your own little fantasy world lol

if you have any questions, run into issues, or want to tweak something - feel free to poke me on Discord: @mahrico

PINK BUTTERFLY

Butterfly PINK - Profile Code

...

DARK BUTTERFLY

Butterfly DARK - Profile Code

...

[e-m-p-y-r-e-a-n]

literally me fr if u even care - profile text

feeling like one of those ao3 fanfic writers returning to write another gut-wrenching chapter of their crackship fanfic and telling everybody about the multiple tragedies that prevented them from updating BUT after repeatedly being royally f-ed over by the clusterfuck of a year that 2026 has been so far (i was violently sick for an entire month, basically unable to leave my flat, with my doctor telling me that my poor health is just a side effect of being a woman (spoiler: it wasn't), sadly lost several people dear to my heart to illness in a short span of time, nearly died twice (0/10 can't recommend) and ALSO went through exam season - tl;dr: i am violently crashing out) i am back with a new code! honestly, i've really struggled with both starting and finishing a new code. i'm not really my usual creative and motivated self rn, but DUNGEONS AND DRAGONS (literal life saver fr, I could talk about Curse of Strahd for hours) gave me back some of my creativity and joy that I usually find in creating new things, sooooo... here we are! this code is, of course, another profile text, because I just love making profile texts. The design is pretty variable and can easily be changed to match your own preferences; you only need to switch out the two main colours in the root section and BOOM, whole new vibe! This code has six pages:

a detailed cover with space for your oc's name, a quote, a portrait, a small moodboard and three polaroids + captions!

about page with space for pictures, first impressions, the main info about your oc and funfacts

personality page with some space to write about your oc, display their likes and dislikes in a nice little system that I came up with AND show their personality with some cutesy graphs

appearance page which displays your oc's closet and features while also still matching the polaroid theme

whole 'nother page just for vibes

a pretty detailed (or less detailed - whatever you prefer) page for relationships! i've added different snippets for the relationships, one version has three subpages with a text about the relation, a dynamic visualization and a moodboard, while the simpler one only has the text

ngl, pretty proud of myself, i think the code turned out really nice and i tried some new stuff! big shoutout to my both wox AND rl bestie for listening to me yap about this code and all of the new functions and designs i've come up with even though we were originally going out to get drinks and gossip ily girl

i've added instructions throughout the code and if you read those carefully, you should be perfectly fine, but if you end up having any questions or issues, feel free to contact me!

you can find this code template via this link: XX - PT. literally me fr if u even care

as always - pls leave my credits, i am already in crash out mode, if another minor inconvenience happens i WILL fight god so just leave them please <3 ty! aaaand if you end up using this code, feel free to show me your finished product! i literally love seeing your versions of my codes sm, you guys are so creative and it makes me so so happy to see my codes while stalking all of your amazing ocs around wox sites much love!

XX - PT. literally me fr if u even care

...

[mahrico]

SEND SOME LOVE TO THIS ANGEL LIVING IN MY WALLS :P <333 I love the likes & dislikes fking creative!!!

[mahrico]

Bridgerton - 3 WALLPOSTS

Alright… I did a thing again.

And this time it turned into something a little more… dramatic than expected.

I’ve been sitting on these for a while, tweaking details, changing colors, fighting with Wox limitations (as always), and somehow ended up with not just one - but three wallposts that all belong to the same little universe. Bridgerton.

Francesca

Bridgerton [Francesca] - WALLPOST

...

Posy

Bridgerton [Posy] - WALLPOST

...

Lady Danbury (Widow Era)

Bridgerton [Lady Danbury Widow] - WALLPOST

...

[mahrico]

2 NEW WALLPOSTS!

Long time no see, I guess…

I finally managed to sit down and create something again - a few wallposts that honestly ended up being a bit of an escape for me. Life’s been… a lot lately. I just finished my training as a software developer, but finding a job right now feels almost impossible. The whole industry is shifting so fast, and somehow it feels like there’s no space for beginners anymore.

But well… it is what it is, right?

Instead, I poured all of that into something creative again. And I actually missed this feeling more than I expected.

So ... I made two matching wallposts for you: “Crimson Nocturne” and “Golden Nocturne” (yes… don’t judge the names, I KNOW they’re a little dramatic 😭)

They’re kind of like sisters lol same vibe, different mood.

I really hope you like them as much as I enjoyed making them ♡ Have fun using them - and… kussi 🖤✨

Long time no see, I guess…

I finally managed to sit down and create something again - a few wallposts that honestly ended up being a bit of an escape for me. Life’s been… a lot lately. I just finished my training as a software developer, but finding a job right now feels almost impossible. The whole industry is shifting so fast, and somehow it feels like there’s no space for beginners anymore.

But well… it is what it is, right?

Instead, I poured all of that into something creative again. And I actually missed this feeling more than I expected.

So ... I made two matching wallposts for you: “Crimson Nocturne” and “Golden Nocturne” (yes… don’t judge the names, I KNOW they’re a little dramatic 😭)

They’re kind of like sisters lol same vibe, different mood.

I really hope you like them as much as I enjoyed making them ♡ Have fun using them - and… kussi 🖤✨

Long time no see, I guess…

I finally managed to sit down and create something again - a few wallposts that honestly ended up being a bit of an escape for me. Life’s been… a lot lately. I just finished my training as a software developer, but finding a job right now feels almost impossible. The whole industry is shifting so fast, and somehow it feels like there’s no space for beginners anymore.

But well… it is what it is, right?

Instead, I poured all of that into something creative again. And I actually missed this feeling more than I expected.

So ... I made two matching wallposts for you: “Crimson Nocturne” and “Golden Nocturne” (yes… don’t judge the names, I KNOW they’re a little dramatic 😭)

They’re kind of like sisters lol same vibe, different mood.

I really hope you like them as much as I enjoyed making them ♡ Have fun using them - and… kussi 🖤✨

Links: -> Crimson Nocturne -> Golden Nocturne

[rising-mooncat]

red hour - or better said i didnt know what to name this code i forgot about and just found and finished...

I had fun with adding the hover effects but you can remove them by removing the :hover for the effected elements or ask me <3

also not made with something in mind other then

✨ red ✨

article code, you can simply switch out the color(s) and keep the credits. questions? ask

have fun ✨

https://codepen.io/Mooncat-the-real-cat/pen/NPNwOze

[mahrico]

Hiii! So Ive been using your codes for a while and recently I made a character that I know would match great with the Sakura code.

I was just wondering, was there a match to the code or not? I thought I saw one.

Umm... No there was no match haha. I just wanted to make a japanese theme and thought of the character sayuri from the movie memoirs of a geisha O:

[mahrico]

[X & Y] - Lesson Code

Hey guys, it’s me again — surprise.

These codes have been sitting on my workbench for a few days now, and I guess it was finally time to post them, lol. As you can see, these are Lesson Codes. They originally started as a commission, but I went back in and reworked the code a bit afterward ;D

You now get three different color versions to choose from, and the colors themselves are easy to adjust if you want to tweak them further.

If you’re planning to work with a lighter color palette, I’d recommend the “Show Girl” version with Sabrina Carpenter. I slightly rearranged the code there so it works better with brighter tones ;D

And yes -the code is fully responsive and very readable on mobile. You can test this easily on CodePen: if you drag the editor panel (for example, the one with the source code on the left) to the right, you’ll see the layout adapt.

Have fun with it :P ○ V.I - Love & Thunder ○ V.II - Junge Fever ○ V.III - Show Girl

[mahrico]

[Where dreams...] - WALLPOST

Hey guys!

I’m not feeling super well today, so this is going to be a bit shorter than usual. Still, I wanted to share something I worked on.

I made three new wallposts, all with the same base but in different color schemes, so you can pick whatever fits your vibe best: ○ V.I (purple) ○ V.II (grey) ○ V.III (red)

As always, feel free to change things around and customize them. Just keep in mind that big structural changes can break the code on WoX sites, so tweak carefully.

Hope one of them is useful for you or your characters. Take care and happy RP ✨

[mahrico]

Trix [Darcy] - Article/Lesson Code

TRIX [DARCY] - ARTICLE/LESSON

...

Hello there! I am way to tired to write a lot of text here, so we keep it short, ok? I had a request for an article code. And I asked her, if I am allowed to share the code - she said yes - so I changed the colors and added Darcy ;D The code is responsive and you can use it for an article and also for your lessons~ Like always: play with the colors ;D