kaleido

i built these end to end - design, three.js, the data parsers, the export pipeline, everything. each one takes an input you already have (a guest list, a github pr, a contract, your speedrun splits) and turns it into real 3d geometry you can orbit, inspect, and share as a picture. no accounts, no apis, everything runs in your browser.

the hub page with all ten: kaleido-hub.pages.dev

the ten concepts

• 01 splitstone gaming paste your speedrun splits. every facet is a segment - bright where you gained time on pb pace, dark where you lost it.
• 02 spectral canyon music & audio drop in a mix and fly the length of its real frequency spectrum as a canyon.
• 03 seating nebula events & weddings your guest list and their relationships, laid out in 3d so you can see who’s about to sit next to their ex.
• 04 retention ridge startups & venture every cohort’s retention curve, fused into one continuous terrain.
• 05 ship skyline software development a pull request rendered as a city block you can fly over.
• 06 contract horizon legal a contract’s obligations laid out as a skyline along a timeline you fly down.
• 07 globe ribbon travel your trip’s real route, wound around a globe as a ribbon.
• 08 recovery atlas healthcare weeks of self-logged pain and range-of-motion, layered onto a rotatable body.
• 09 stack anatomy design any live page, exploded into its real z-index layers.
• 10 commute cone real estate a listing plus a buyer’s real destinations, warped into true travel-time terrain.

what’s under the hood

the whole thing is a pnpm + turborepo monorepo. ten vite apps share a @kaleido/three-kit scene bootstrap, a @kaleido/ui chrome layer (the reticle, reveal, share panel, attribution), a @kaleido/tokens design-token system with one hue per concept (36° apart, so the set reads as a real spectrum), and a @kaleido/export png-capture + share-url pipeline. three.js 0.170, typescript, zero runtime dependencies beyond three itself.

every concept works offline after first load. no api keys, no accounts, no paid services. the one concept with a backend (stack anatomy, which proxies third-party html to dodge cors) runs on a cloudflare pages function sharing the same codebase as its vite dev middleware.

deployed on cloudflare pages, free tier. hosted at kaleido-hub.pages.dev.