Portfolio
Last updated: May 2026
Life Units: countdown timers as a living 3D world
Life Units is a free web app that turns countdown timers into animated 3D voxel objects on a floating island. A pancake stack is nibbled away as days pass, a tree marks the hours, a coffee cup drains by minutes, and an egg hatches into a chick as seconds run out. Urbano DX built and operates it as a public example of consumer-grade 3D craft running in an ordinary browser tab.
Buyer Guide
How to review Life Units: countdown timers as a living 3D world
Life Units: countdown timers as a living 3D world is a proof asset: it shows how Urbano DX expects software and AI sprints to be scoped, reviewed, delivered, and handed over. The point is to replace vague promises with concrete artifacts a buyer can inspect.
When reviewing a proof asset, look past the surface. The important questions are whether acceptance criteria, data assumptions, risks, ownership, and the next decision are clear. A good sprint output supports procurement and business review, not just a nice demo.
Use this page before a first call to align expectations. It helps buyers know which materials to prepare, how to judge a demo, and what should remain useful after the sprint ends.
Evidence to inspect
Working surface, demo path, risks, assumptions, and acceptance criteria.
Internal use
Procurement, budget approval, security review, and next-scope planning.
Good output
Something reusable, handover-ready, and clear enough to explain.
What it is
Life Units is a free, no-login web app where every countdown timer is a small animated 3D scene. Timers live together on a floating voxel island with drifting clouds, chiptune sound effects, and a pixel-art interface. It is for anyone who wants timers that feel alive instead of a number on a screen.
- Five timer models: pancakes, tree, coffee, chick, and sugar cubes
- Each model visibly depletes as its time runs out
- Seconds to days, plus a custom unit counter
- Free, no account, live at timers.urbanodx.com
What was built
A full-screen react-three-fiber scene with procedural voxel models and a depletion system that maps remaining time directly onto geometry. Timers persist in the browser, so the whole product ships as a static bundle behind nginx with no backend at all.
- Procedural voxel avatars in three.js
- Time-to-geometry animation: objects shrink, drain, and hatch
- Stats view, model picker, and pixel UI chrome
- Stack: Vite, React 19, TypeScript, three.js, react-three-fiber, nginx
What it demonstrates
Consumer-grade 3D rendering, playful product design, and obsessive detail are web skills, not game-engine skills. The same care applies to business software: micro-interactions, performance budgets, and interfaces people actually enjoy using.
- Real-time 3D in a normal browser tab, no install
- Playful design executed with engineering discipline
- Detail and polish as a deliberate habit
- Front-end range beyond dashboards and forms
More public products from the same workshop
Tab o' War
An idle pirate RPG whose HUD is the browser tab itself: the tab title and a redrawn favicon report the battle while the tab sits in the background.
Void Gacha
A single-player gacha toy built on WebGL shaders: pull shapes of escalating rarity, fuse them in the Forge, and grow an idle collection. No account, no server.
Love & Debt
A roguelike life-sim with a terminal interface: clear $10,000 of debt in London before your girlfriend's patience runs out. Playable in English, Spanish and Japanese.
CardFrame
A digital display frame for trading cards, sold as a founders-batch presale: hold a card up to its camera and it joins your collection.
Scope the first sprint
Bring the app, API, LLM feature, or AI workflow you want to test. We will turn it into a clear first-sprint scope.
Start a conversation