Donut Depot
A custom storefront for a Minecraft economy
The full storefront for donutsmpdepot.com, a shop for Minecraft “Donut SMP” items. I reskinned the SellAuth platform into a custom brand and built the commerce on top: a live bulk-pricing calculator, a reload-free product browser and a rewards program.
A storefront for a Minecraft economy
Donut Depot sells in-game items and currency for “Donut SMP,” a popular Minecraft server. Things like coin bundles, spawners and armor kits. The founder, Zydrolic, needed a store that felt like it belonged to that world and turned casual players into buyers. I designed and built the entire storefront.
It runs on SellAuth, a platform for selling digital goods, themed with Nunjucks templates and Tailwind. The challenge was to take a generic vendor theme and make it look and behave like a purpose-built product.
From stock theme to a real brand
The base theme came with an angular, glitchy default look. I rebuilt the whole visual language from scratch in a dedicated 874-line CSS layer, without touching the platform's component internals, into a chunky, tactile “depot” look: 12px rounded cards with stacked 3D drop-shadows like Minecraft blocks, an amber-gold accent on near-black, and uppercase mono type.
Everything is driven from a single settings file, so the founder can retune colors, copy and the hero without editing markup.
Custom commerce, not just styling
I also built the pieces that actually move revenue:
Live order calculator
A custom Alpine.js pricing widget with quantity presets, live bulk-discount tiers, min and max validation, and one-click add-to-cart wired to real product IDs.
Reload-free product browser
Category-pill filtering and live search with animated grid transitions, so customers browse the whole catalogue without a single page reload.
A full brand re-skin
An 874-line CSS layer that replaces the platform’s stock look with a custom "Minecraft depot" design: blocky 3D-shadow cards, amber on near-black.
Conversion furniture
A rewards program, VIP membership band, scrolling announcement bar, timed first-order coupon and animated stat counters, all driven from one config.
The order calculator is the centerpiece. It is a small Alpine.js state machine that lets a player build a bulk order across products, see discount tiers apply live, and check out in one tap, with a direct fallback to the checkout API if the app cart isn't ready.
A complete store surface
The finished storefront spans roughly 38 custom components and 20 templates: shop, product and cart pages, reviews, FAQ, a blog, legal pages, and the full logged-in customer area (orders, tickets, balance, affiliate). It is fully responsive, SEO-complete (Open Graph, IndexNow, analytics), and has been quietly doing real sales since launch.
