Avatar

.yukoki { codes }

@yukoki / yukoki.tumblr.com

※ free tumblr codes & resources ※
Avatar
reblogged
Avatar
xuethms

◍ fluorine theme.

Links: previews [ yoi / rai / aya ] | install | features

Fluorine is the product of my indecisiveness turned into a strength — enjoy multiple ways of styling your header, blog navigation, sidebar, and posts (all post sizes + multi-column support).

Features: header (full-width, half-width, or none), sticky or fixed navigation, 6 custom google fonts, searchbar, avatar, sidebar image as icon or normal, 250/400/500/700px posts, up to 3 columns, styled search & tag pages

Avatar
reblogged
Avatar
xuethms

◍ oxygen theme.

Oxygen is a console gaming-inspired theme which features reminiscent console buttons as navigation links. More thoroughly introduce yourself through an integrated user profile section.

Features: console buttons navigation, windowed style, custom google fonts, sidebar profile with avatar and hp + sp bars, user profile section with long bio + skills/progress + to-do list, social media links

Credits:

Avatar
reblogged
Avatar
xuethms

☁ quartz (about page).

Links: preview | install | by xuethms

Quartz is a carousel-based all-in-one about page that includes a biography section, tagslist, blogroll, and contact page (FAQ + Read First + Ask box). This functionality is further combined with a sleek modern form and a sunny palette.
An homage to my 2014 design, Suikomu.

Features: carousel navigation, long bio, tagslist with sticky category headers, blogroll, FAQ/QNA, askbox

Credits: Preview photos by Ivan Yeo | Cappuccicons by Suiomi | Masonry by David DeSandro | style-my-tooltips by malihu

Avatar
reblogged
Avatar
xuethms

◍ nitrogen theme.

Nitrogen is an exploration into the use of CSS sticky elements. Greet your blog visitors with a flashy header image that transforms into a fixed top bar as you scroll. With several customisation options, pick the style that best fits you!

Features: header theme (3 header sizes) + sidebar image, 500px posts, sticky sidebar + topbar + post source icons, searchbar, styled search + tag pages, 2 permalink styles, custom audio posts

Credits:

Avatar
reblogged
Avatar
xuethms

◍ carbon theme.

Carbon incorporates the best elements from Instagram Web together with functionality and customisability. As an all-in-one theme, it comes with an optional integrated ask page (FAQ section + ask box) and navigation page (custom links + social media + tagslist).

Features: all-in-one theme (askbox + faq + nav + social media + tags), 500px posts only, 3x sidebar styles, searchbar, styled search and tag pages, built-in custom links (limitless), personalise navicons

Credits:

Avatar
reblogged
Avatar
xuethms

◍ boron theme.

Links: preview | install | features | theme five by xuethms

Boron is a fuss-free, simple and clean theme. Borders and lines keep things in order, while four accent bursts of colours bring in sparks of life. With a single click, the sidebar transforms into an about page for you to showcase everything visitors need to know about you.

Features: Slide-out user info page (user icon + name + social media + pronouns + bio + links), search bar / scrolling update box, built-in custom links (limitless), personlise navicons, post types display

Credits:

Avatar
reblogged
Avatar
xuethms

◍ beryl theme.

Links: preview | install | features | theme four by xuethms

Beryl offers a unique content grid layout that’s perfect for photo-heavy blogs. All posts are neatly collated at 250px, and every fifth post is enlarged at 520px. Personalise it further by picking from eight custom title font options, your blog icon, navigation style, and more!

Features: Grid layout (250px, 520px), custom lightboxes, like & reblog buttons, footer with avatar + username + social media links, messenger-styled dialogue boxes for chat & answer posts

Credits:

Avatar
yukoki

A reminder that I have moved to xuethms and will no longer be posting on this account. Please follow me at xuethms to access my new codes and content!

Avatar
reblogged
Avatar
xuethms

◍ lithium theme.

Links: preview | install | features | theme three by xuethms

Lithium is huge on personalising your blog through photos and icons. Showcase three toggle-able sidebar images, a header wallpaper, and even a pop-up sidebar image. This pop-up can be used to share more about yourself, or to expand more on ongoing projects you have. And of course – who can forget the rounded corners?

Features: 400/500px posts sizes, [more] pop-up, three sidebar images toggle, up to 9 custom links + icons, un-nested captions, searchbar, tags on click

Credits:

Please like/reblog if you use or enjoyed the theme!

Avatar
reblogged
Avatar
xuethms

Support xuethms on ko-fi! ☕

💖 https://ko-fi.com/xuethms

It’s been nine years since I first started uploading my themes and pages to Tumblr, but this is my first time accepting donations and monetary compensation for my work. Your support means a lot to me; it drives me to continue creating content, funds my daily needs and activities, and ultimately also formalises this little coding hobby of mine. I appreciate every bit of support I can get!

If you’ve ever used my themes and pages, please consider donating if you’re able to. Thank you!  ~ (´。• ᵕ •。`) ♡

Credits to @jellykobi​ for the wonderful artwork in this banner ♡

I am now accepting theme (USD28+) and page (USD12+) commissions on my ko-fi store! Limited to one slot for now as I test the waters; it’s my first time offering commissions so I’m a tad nervous. Please be kind ♡

Avatar
reblogged
Avatar
xuethms

◍ helium theme.

Links: preview | install | features | theme two by xuethms

Helium brings to you the fun of gradients, circles, and stripes! Rounded corners and iconography are everywhere in this theme, and smooth transitions help to tie everything together to create a seamless experience. This theme also includes an exclusive Updates pop-up to share more about what’s up in your life.

Features: 400/500/540/700px post sizes, updates pop-up, custom lightboxes, searchbar, tags on index (on click)

Credits: 

Avatar
reblogged
Avatar
xuethms

Support xuethms on ko-fi! ☕

💖 https://ko-fi.com/xuethms

It’s been nine years since I first started uploading my themes and pages to Tumblr, but this is my first time accepting donations and monetary compensation for my work. Your support means a lot to me; it drives me to continue creating content, funds my daily needs and activities, and ultimately also formalises this little coding hobby of mine. I appreciate every bit of support I can get!

If you’ve ever used my themes and pages, please consider donating if you’re able to. Thank you!  ~ (´。• ᵕ •。`) ♡

Credits to @jellykobi​ for the wonderful artwork in this banner ♡

Avatar
yukoki

Please support me if you are able to! It means a lot to me (´• ω •`) ♡ 

Also, I will be uploading all new codes to xuethms, so do follow me there!

Avatar
reblogged
Avatar
xuethms

xuethms’ official launch!

Launched on 🌸 4 June 2021

Welcome to yukoki’s new theme blog, xuethms. Yes, it’s me Yuko Xue (she/they)! I’m finally back to creating Tumblr themes and pages after a long junior-college-&-university hiatus. I can’t guarantee I’ll be as active as before in my “prime” (I haven’t graduated yet!), but I am working on new releases.

I’m rebranding because I wanted to start afresh after taking such a long break, and a lot of my old codes have been broken by the Tumblr updates since then. I’ve been meaning to rebuild for more than a year now, but school and life kept getting in the way. Now with a clean slate and having completed most of my graduation requirements, I feel ready to start creating again.

Nine years ago on 4 June 2012, I launched mogimochi as a hobby sideblog. A few months later, I rebranded as yukoki to transition to a new account, as my themes gained traction. I’ve received immense support in my almost-decade of theme-making, and have made many friends in the community. It all started as a simple hobby, but it’s grown to become such an important part of my identity. I’m excited to be back and I hope you will all continue to support me as I start a new chapter of my theme-making career. 

— Thank you!

Avatar
reblogged
Avatar
xuethms

◍ hydrogen theme.

Links: preview | install | features | theme one by xuethms

Hydrogen takes full advantage of rounded edges, grid patterns, windowed contents, and an accent colour that permeates every element, to create a simple but elegant theme. By simply changing the accent colour, you can drastically change the vibe and aesthetic of your entire blog.

Credits: photosets.css by annasthms & eggdesign | preview sidebar image by @igusaharu

Avatar

Hi there! This isn't about your codes, but I just want to let you know how much of an inspiration you are to me! I was still in high school when I first checked out your themes, and it opened up a love I didn't know I could have. Because of you, I took up Interactive Media in college, and I'm graduating this year! I suddenly remembered you while working on my own portfolio website, and after finding out your acc is still active, I just wanted to share my appreciation <3 Thank you for everything!

Avatar

!! I'm so happy for you that you were able to find your passion, and am incredibly honoured that I was able to inspire you so! ;__; Congratulations for graduating, but most of all for finding something to study that you love. All the best!!

I'm just back and barely active, but hearing these words is such a huge motivation boost. Thank you so much!

Avatar

hi!!! pls don't worry, it's super understandable!!! i hope university gets better! take ur time to come back obviously ♡

Avatar

Aww thank you!! You are too kind <3 I hope you take care of yourself too, it's a tough time out there rn!

Avatar

Logged in for the first time in a year++ and found my inbox full of messages about broken themes and codes — (´;ω;`)

It’s been a long time everyone! Hope all of you have been faring fine, as shitty as this pandemic has been. I’m really sorry for disappearing, making posts like I’m coming back, but never fulfilling those promises - University has been tough and honestly I have newfound mad respect to those theme makers who juggle coding with schoolwork.

And well, with what sounds like a lot of my themes down, lots of new tumblr features and more, I feel like I need to re-learn the basics of coding a tumblr theme again.

I gotta rebuild. Start from scratch. Y’know?

Avatar
reblogged
Avatar
mintrps

LOVE  ME  HARDER  @  mintrps.

  • sidebar image ( 165 x 185 px ) 
  • optional faq & muse tab
  • toggle customization controls
  • modifiable body font & size
  • 250, 300 or 350 px post size
  • navigation tab w/ six custom links
  • navigation image ( 200 x 130 px )
  • preview linked on the source of the post
  • find a link to the code ( $3 ) in the preview

CREDITS.

  • icon fonts: iconify​
  • body fonts: google fonts
  • ‘bodini’ by qualitype
  • ‘hamburg hand’ by brandon n.
  • animations: animista
  • tabs: @valcntines

TERMS OF USE.

  • do not copy/replicate
  • do not redistribute
  • do not use as a base code
  • do not edit/remove credit
  • read the full terms in my blog
  • message me if you need help
  • like or reblog if you want ♡
Source: payhip.com
You are using an unsupported browser and things might not work as intended. Please make sure you're using the latest version of Chrome, Firefox, Safari, or Edge.