Component library
Objects I built for this portfolio, the live ones and the retired ones.
BRIAR POPUP
A confirm popup from Sleeping Beauty. The card is wrapped in painted briar and roses, and one press of the painted button wakes the castle.
ROSE TIMER
A five minute timer under Belle's glass dome. Tap or spin the time to change it before you press start.
CAKE CONFIRM
A hold-to-confirm button with the fairies' lopsided birthday cake on top. Holding pushes the broom and stands the cake back up.
NEVERLAND
A send-off button from Peter Pan. The children circle a painted night sky until you send them off to the second star.
LIBRARY CARD
A library book card you sign and slip back into its pocket. The stamp is already in your hand, six pens make every line look like a different person, and the signatures are shared with every visitor.
BREAD CLIP
A moulded plastic bread clip with a real edge, printed like a cheap thermal label. Drag it to turn it over and read the mark on the back.
STICKER
A thin paper label over a word. It rests half peeled, peels back further under your hand, and never comes off.
CURTAINS
A popup with lace-trimmed curtains draped over it. The cloth hangs from a rod above the card, sways in a slow breeze, gathers where you push it, and ties back with a bow once it’s open far enough.
BIO LETTER
My bio as a folded letter. It lifts out of its plate, unfolds on real hinges, signs itself in my hand, and folds back into the plate when you close it.
CAT
A pixel cat who naps on the page. She stirs on her own, startles when you poke her, and walks over to eat when you feed her.
POWDER ROOM
A painted bathroom wall in three.js. Click to step in close: the taps run, the shower and the mirror steam up, an old fan clears the glass, and a slider turns the painting into a flash photo. Fifteen secrets are hidden in it.
INK
Three ways type behaves like wet ink: the old hero entrance, where words arrive as melted blobs and dry into type, a melt that follows the cursor, and a bleed that thickens words in place as you read.
STREET FOOTER
The footer of this site, before and after. The first street was hand-drawn line art in one bitmap with birds and steam layered over it. The street now is drawn in code from LA to New York, and its birds, buses, wires and lamps are all alive.