THEME RELEASE: SUPERNATURAL (NEW JEANS-INSPIRED THEME)
Hi everyone! 🐰 I’m so excited to finally release my new theme, Supernatural. It’s a NewJeans-inspired, retro desktop theme designed to make your blog look like a Y2K operating system.
I wanted something that felt nostalgic but clean, so I included a hidden "Bento Grid" dashboard that holds your bio, status, and playlist!
[ Static Preview ] [ Get the Code ]
✨ Features:
Custom Playlist Modal: Fully customizable through the dashboard (Song title, artist, status, and profile text).
ID-Card Sidebar: Features a sticky profile card with navigation buttons.
Y2K Aesthetic: Spinning CD animation, pixel-style fonts (VT323), and "Window" bar headers for every post.
Clean Footer: Organized tags and meta-info (Via/Source) aligned with action buttons.
Responsive: Works on mobile and desktop.
Custom Colors: Change all accents (Blue, Green, Pink) to fit your own palette.
Rules of Use:
Do Not Remove Credit: Please keep the credit link in the footer visible.
Personal Use Only: No reselling or redistributing the code.
No Base Coding: Do not use this as a base for your own theme releases.
Editing: Feel free to customize colors and fonts!
Let me know if you use it! Reblogs and likes are highly appreciated! 👖💙
Check out my other themes here, and my tutorials here.
⚠️ DISCLAIMER: This theme is for personal use only. Please do not remove the credit link to @whereinmnl or redistribute the code as your own. I do not own the images used in the preview; all credits go to their rightful owners.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality
Anya is LIVE right now
FREE
Free to watch • No registration required • HD streaming
Welcome to the Shadow Theme, an atmospheric about-me page. I call it this because it thrives in the dark—built on high-contrast monochromes, subtle hidden tooltips, and an aesthetic that feels like a forgotten terminal operating in the digital underground.
STATIC PREVIEW // CODE
The Features
01. Layout & Grid
Locked Terminal Layout: A fixed, single-screen dashboard design on desktop with hidden main scrollbars for an ultra-clean, app-like feel.
Fully Responsive: Automatically stacks into a clean, scrollable column layout on mobile devices so your content is never cut off.
02. Interface & Customization
Cyberpunk/Noir UI: Comes with a custom crosshair cursor, styled inner scrollbars for your text boxes, and stark black-and-white text selection colors to match the aesthetic.
CSS Glitch Animations: Features a pure CSS chromatic/monochrome glitch effect on the main header that requires no external scripts.
Interactive Elements: The avatar frame features a smooth, animated grayscale-to-color reveal when hovered over.
03. Navigation & Links
Minimalist Nav & Socials: Clean, sticky top navigation paired with a "system log" style social media node using FontAwesome 6 icons.
Subtle Widget: Includes an unobtrusive, floating initial widget in the corner with a custom, smooth-sliding CSS tooltip.
04. Profile & Data
System Log Attributes: A unique data block to display your "stats" (like Class, Location, Status, MBTI, or any custom text you want).
Contained Bio Block: A dedicated, scrollable text area for your bio or manifesto that keeps the main page locked and perfectly framed.
Important Info
100% PURE CSS: This theme contains zero JavaScript. Since Tumblr custom pages often restrict or strip out scripts, I built every single animation—from the glitching text to the hover tooltips—using only CSS.
For the CSS Glitch Header to work properly, please find this code: <span class="glitch-line" data-text="YOUR">YOUR</span> You MUST change both the visible text AND the data-text attribute to match your desired word. If they do not match, the glitch masking animation will break.
To change your avatar, simply locate the <img src="..."> tag inside the avatar-frame div and replace the URL with your own direct image link.
Disclaimer
Credits: Please do not remove the floating widget in the corner or the hidden credit in the code. It helps creators like me continue making themes!
Editing: You are free to edit the colors, fonts, and images to match your aesthetic! However, do not use this code as a “base” to build your own theme for release.
Support: If you find a bug, feel free to send me an Ask.
A minimalist, editorial "About Me" hub for urban explorers and digital curators.
Hello everyone! I am so happy to finally share a project I’ve been working on: Monograph. This isn't just a bio page; it’s a seamless, interactive archive designed to give your followers a deep dive into your world without ever leaving the page.
It was a labor of love to get that "no-refresh" feel just right, and I hope you love the clean, architectural vibe as much as I do!
LIVE PREVIEW // CODE
✨ Key Features:
Seamless Navigation: Switch between Home, Bio, FAQ, and Tags instantly. No loading screens, just pure CSS magic.
Vitals Sidebar: A dedicated spot for your current status, location, and mood.
Interactive FAQ: Sleek, accordion-style questions to keep things tidy.
Built-in Ask Box: Let your followers message you directly from the FAQ page.
"Cute" Tag Directory: Organized pill-shaped tags with a playful "pop" hover effect.
The Aesthetic: Subtle film grain texture, high-end editorial fonts, and a custom crosshair cursor for that precision-design feel.
🛠️ Quick Installation Guide
Create a Standard Page on your Tumblr.
Toggle to the HTML View (< >).
Paste the code and replace YOUR-USER-NAME (around line 186) with your actual handle so your Ask Box works!
🛠️ Customization Tutorial
If you’re new to coding, don't worry! Here is how to make Monograph your own:
1. Changing your Avatar & Title
Avatar: Look for line 145. Replace the URL inside src="..." with your own image link.
Title & Description: Around lines 146-147, you can change "monograph." and the "Architectural fragments..." text to your own blog name and bio.
2. Updating your "Vitals" (Status)
Scroll to the section (around line 149).
Change the text inside the tags to update your Status, Mood, and Coordinates.
3. Activating the Ask Box
Go to line 186.
Find YOUR-USER-NAME inside the iframe link and replace it with your actual Tumblr username.
Note: Ensure "Allow people to ask questions" is turned ON in your blog settings.
4. Setting up your Tags
Search for the sections (around line 197).
Change the /tagged/korea links to match your blog’s actual tags, and change the "Manila" text to the name you want displayed on the button.
This theme is free to use and customize! You are welcome to change the colors, fonts, and internal sections to fit your blog's aesthetic.
A Note on Originality: Because of the minimalist and editorial nature of this design, you may notice similarities to other theme pages in the community. However, these codes were built from the ground up by me with a lot of hardship and late-night trial and error. I’ve put a lot of heart into the specific logic and structure of this layout.
Credit: Please do not remove or hide the floating "W" signature in the top-left corner.
Support: If you use this theme, a reblog, a like or a shout-out would mean the world to me!
Finally! A theme that is as round and floaty as a soap bubble and organized as that one Pinterest board you never actually use.
Meet Bubble. It’s a clean, pastel grid theme designed for people who have excellent taste but also need to scroll through 500 posts at 3 AM without clicking "Next Page."
[ STATIC PREVIEW ] | [ GET THE CODE ]
✨ The Vibe Check:
Infinite Scroll: Because clicking buttons is so 2012. Just keep scrolling. It never ends. (Sorry to your sleep schedule).
Grid Layout: Comes in a 2-column "Classy" mode, but there's a toggle to switch to 3 columns if you like your posts tiny and aesthetic.
Top Bar Navigation: So your sidebar doesn't eat your content.
Pop-up Everything: A pop-up Ask box and a pop-up Links menu because we love secrets. 🤫
Round & Soft: Everything has rounded corners because sharp edges are scary.
🚨 VERY IMPORTANT INSTRUCTION (READ ME OR CRY LATER) 🚨 To make the Pop-up Ask Box work perfectly, you need to do one tiny thing in the code:
Look for the line that says iframe src="https://www.tumblr.com/ask_form/{Name}.js"
If the box isn't loading for you, replace {Name} with your actual username.
That's it. You're a coder now. 👩💻
♡ Notes:
Please Like or Reblog if you use it (it fuels my coding addiction).
Elevate your blog's identity with a theme that speaks in silences and sharp silhouettes. NOIR is a magazine-inspired "About Me" static page designed for the modern curator. Whether you’re archiving your latest K-pop stanning era or building a professional editorial portfolio, this layout provides the structure your story deserves.
[ LIVE PREVIEW ] · [ GET THE CODE ]
🖋 THE VIBE
Sleek + Classy: A strictly monochromatic palette.
Editorial Hierarchy: Magazine-style grids with serif + sans-serif font pairing.
Fully Responsive: Optimized for desktop, tablet, and mobile browsing.
Light Animations: Subtle CSS fade-ins and avatar interactions.
Layout Features: 6 navigation links, "This or That" sidebar, custom tag grid, and a dedicated contact section.
📜 RULES OF USE
Do not remove the credit to @whereinmnl.
Personal use only. You may edit the colors and text, but do not redistribute as your own.
Like or Reblog if you’re using or saving! It helps more than you know.
🖋 CREATOR'S NOTE
This is officially my first theme release! Honestly, this was quite a challenge to build. Navigating Tumblr’s "no JavaScript" rule for pages forced me to get creative with pure CSS to ensure the layout stayed responsive and the animations felt fluid. It took a lot of trial and error to get that "magazine" look just right without relying on scripts, but I’m so happy with the final result. I hope you love using it as much as I loved (and struggled!) building it.
📦 HOW TO INSTALL
Go to your Blog Settings: Click the palette icon (Customize) on your Tumblr dashboard.
Add a Page: Scroll to the bottom of the left sidebar and click '+ Add a Page'.
Setup the URL: Give your page a name (e.g., about or profile).
Enable Custom Layout: Toggle the switch that says 'Use Custom Layout'.
Clear the Code: Delete everything currently in the code editor window.
Paste & Save: Copy the NOIR theme code, paste it into the editor, and hit 'Save'.
Final Step: Make sure your new page is set to "Show a link to this page" if you want it visible on your main blog navigation!
💡 QUICK CUSTOMIZATION TIPS
Change the Avatar: Look for the <img> tag near the top of the code and replace the URL inside src="..." with your own image link.
Update the Links: Search for href="#" and replace the # with your actual social media or internal blog links.
Colors: If you want to change the "Noir" look, look for the :root section at the top of the CSS and swap the HEX codes for --bg or --accent.
DISCLAIMER: While this code is my own original work, I acknowledge that minimalism often shares similar design elements. If you feel this layout closely resembles your own work or if you have any concerns regarding the design, please feel free to message me privately so we can discuss it. I value the integrity of the creator community.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality
Anya is LIVE right now
FREE
Free to watch • No registration required • HD streaming
I finally sat down to refine my very first theme, Nimbus, and I’m so happy with how it’s evolving! What started as a simple, slightly rushed layout has turned into something much more "me"—cute, elegant, and a little bit dreamy.
LIVE PREVIEW // CODE
On the live preview page, you will see a button that lets you instantly toggle between the 1-Column and 2-Column Grid layouts. You can click back and forth to see exactly which version fits your vibe better before you even install the theme!
Here’s a breakdown of the major changes I’ve implemented:
☁️ Smart Layout Logic
The Dashboard Toggle: I added a toggle in the customization menu for the Floating Status Widget.
Auto-Grid: If you toggle the Status OFF, the theme detects the extra space and automatically switches your posts into a 2-Column Grid Layout. If you toggle it ON, it returns to a focused Single Column. It adapts to how you want to use it!
🌙 New Functionality
Dark & Light Mode: I added a toggle (Sun/Moon icon) so you can switch between a dark grey aesthetic and a soft cream "Day" mode. It remembers your choice even if you refresh!
Hidden Controls: To keep the aesthetic clean, the Tumblr interface (Follow/Dashboard buttons) is hidden by default. You can reveal them by clicking the little user icon in the corner.
✨ Visual Overhaul
The "Glow" Effect: I moved away from flat borders. Now, the avatar, buttons, and posts have a soft, white box-shadow glow when you hover over them. It feels much more dreamy now.
Typography: Switched the sidebar title to Playfair Display (italicized) for that editorial magazine look, while keeping the body text clean.
Square Avatar: Swapped the small circle icon for a large, bold square profile picture.
Uppercase Headers: Post titles are now strictly uppercase with a divider line to separate them from the content.
☁️ The "Nimbus" Details
Floating Status: The status widget is now pill-shaped and gently floats up and down (literally!) to mimic a cloud.
Collection Dropdown: Converted the sidebar links into a collapsible "Collections" menu to save space.
Cloud Scroll-to-Top: Replaced the generic arrow with a custom cloud SVG.
DISCLAIMER & TERMS OF USE
Do Not Remove Credit: Please keep the "W" credit link visible at all times. It helps people find the creator!
Personal Use Only: You are free to edit the code for your own personal blog to match your vibe, but do not use this code as a base to release your own theme.
No Redistribution: Do not resell, re-upload, or claim this code as your own.
Support: If you encounter any bugs, feel free to send an ask!
i kinda like the vibes of you about me page, will you be designing a theme page like this? also, you're tutorials are amazing, with live preview and very easy to follow steps.
Thank you so much! 🤍 I’m really happy to hear that you’re finding the tutorials and live previews helpful—making them easy to follow is my top priority!
As for the 'About Me' page, I actually saw your message earlier and had already started working on something! Since you liked the vibe, I just finished coding a minimalist static page theme that replicates that exact look. It’s designed to be clean, soft, and super customizable—so I thought this would be the perfect time to finally release it!
THEME PAGE RELEASE: GLACIAL
GLACIAL is a clean, minimalist static page theme designed for clarity and elegance. Inspired by academic aesthetics and cold winter palettes, it features a centered card layout with soft blue accents and distinct typography. It is perfect for use as an About Me, FAQ, Navigation, or Masterlist page. The code uses modern CSS variables, making it incredibly easy to recolor to match any season or aesthetic.
LIVE PREVIEW // CODE
Key Features:
❄️ "Soft Card" Aesthetic: The container features a unique double-border design with a white outline and soft shadows, giving it a polished, scrapbooked feel.
✨ Interactive Profile Image: The circular sidebar image includes a custom hover animation that slightly zooms and tilts the image while deepening the shadow, making your profile pop.
📂 Organized FAQ Section: A dedicated area for questions and answers with a left-border hover effect that highlights the specific item the reader is looking at.
🏷️ Tag Cloud/Directory: A pill-shaped tag section at the bottom, perfect for linking to your specific tags, interests, or blog categories.
🎨 Fully Customizable (CSS Variables): All colors (backgrounds, text, accents, borders) and fonts are grouped at the top of the code in the :root section. You can change the entire color scheme by editing just a few lines.
🛠️ Important Setup: How to Fix the Ask Box
This theme comes with a built-in Ask Box at the bottom. For the messages to go to your inbox, you must change one small part of the code.
Scroll down to the bottom of the HTML code until you see the <iframe> tag (usually near line 250).
Look for this specific line: <iframe src="https://www.tumblr.com/ask_form/{YOUR URL HERE}" id="ask_form"></iframe>
Replace {YOUR URL HERE} with your actual Tumblr username.
Example: If your URL is ilovekpop.tumblr.com, change it to: <iframe src="https://www.tumblr.com/ask_form/ilovekpop" id="ask_form"></iframe>
Save the code, and the ask box will now successfully deliver messages to you!
🖼️ How to Change the Avatar
Since this is a standalone CSS theme, the profile picture won't automatically grab your Tumblr avatar. You will need to manually link the image you want to use. Here is how:
Find the image you want to use (it looks best if it's a square!) and upload it to a site like imgur.com or pinterest or even your own Tumblr private post to get the image link.
Copy the Image Address (it should end in .jpg, .png, or .gif).
In the theme code, search (Ctrl + F) for the word: sidebar-img.
You will find this line: <img src="{YOUR AVATAR HERE" class="sidebar-img">
Replace the URL inside the src=" " with your own image link.
Tip: If you want to change the shape, you can find .sidebar-img in the CSS (top part) and change border-radius: 50%; to border-radius: 0%; for a square or 10px for soft corners!
Disclaimer: This is a free-to-use page theme created for personal use. Please do not remove the credit link at the bottom or redistribute this code as your own. While you are welcome to customize the colors and fonts to suit your aesthetic, please do not use this code for commercial purposes. Since this is a static page theme, it is built with custom CSS and HTML and will not automatically sync with your blog’s main theme settings—all edits must be made manually within the code.
I’m really excited (and a little nervous) to introduce Mandala, the next installment in my psychology-themed page series. This one is a bit different from my previous releases, as it functions as an all-in-one hub for your blog’s identity.
INSTALL THE THEME HERE
A Little Note: I wanted to mention that this is my first premium theme. To be completely honest, coding this was a massive learning curve for me. The coordinate-based system and the layered animations were incredibly complex to get right, and I’ll admit I had a pretty rough time troubleshooting the logic behind the transitions.
Because of the extra heart, soul, and (many) late nights poured into making this stable and fluid, I’ve decided to put it behind a small paywall. I hope you guys understand and like the result as much as I do!
Moreover, as this is a Premium Theme, a live preview will not be provided to protect the integrity of the code. Please refer to the preview video below to see the transitions, animations, and layout in action!
Key Features
All-In-One Navigation: Seamlessly switch between the Landing Hub, About Me, FAQ, and a 3-column Tag Directory.
Responsive Details: Includes tooltip-enhanced icons and custom scrollbars for a polished user experience.
Secondary Floating Menu: Once you click into a section, a discreet floating side-navigation with tooltip appears. This allows you to jump between pages instantly without having to return to the main hub every time.
Terms of Use
Credit: Do not remove the "W" credit link in the footer. It is essential for my growth as a creator!
Usage: For personal use only. Do not resell, redistribute, or claim the code as your own.
Base Code: Do not use this as a "base" for your own theme releases.
Customization: Feel free to change colors and fonts! Just keep the credit intact.
No Re-hosting: Always link back to the original blog post.
Refer to Theme Guide on how to customize the theme.
As always, feel free to message me if you run into any problems or need help customizing it 💌
