Components
Small interface pieces I’ve made with care. Play with each one, then copy its prompt into Claude Code, Cursor or any coding agent to build it in your own app.
Want to invent your own? Get the skill I use to make them.
- Foil card packTear the foil and discover five machines from a private garage.
- Agent badgePick up an agent badge and feel the lanyard catch its weight.
- CardholderPull a card out of a leather cardholder and flip it over.
- Pink gemstoneTurn a pink gemstone and watch its facets catch the light.
- Rubber stampInk it, stamp it, and each print carries the time you made it.
- Paper fortune tellerThe playground paper game: pick a colour, pick a number, lift a flap.
- MatchboxSlide the tray, strike a match, watch it burn down.
- Zen sand gardenRake grooves into fine sand, lit like the real thing.
- Zipper pouchDrag the brass pull and the teeth part one by one.
- Page flickFlick the corner and the pages riffle past.
- Handwritten signatureA real signature that writes itself in, stroke by stroke.
- Pull-cord lampPull the beaded cord and warm light spills across the room.
- Scratch cardScratch the silver off with your finger to see what you won.
- Rotary knobA brushed aluminium knob that clicks between detents and spins on.
- Wax-sealed envelopeCrack the wax seal, lift the flap, and a letter slides out.
- Tally counterPress the plunger and the number wheels roll over.
- Split-flap boardLetters clatter through the alphabet to each new word.
- Dot-matrix signGlowing LED dots that morph from one message to the next.
- Developing PolaroidShake it and the photo blooms out of the haze.
- Tear-off ticketTear the stub off along the perforation.
- Holographic stickerPeel the holographic foil off, hold it, and tilt it in the light.
