Fun
Things we make when nobody is paying us to. Play with them, share them, borrow the ideas.
Experiments
- How to put a web page under waterHow-toHow we made the Wishing Pond and Margin Dragon, in five live demos: draw real HTML into a canvas, bend its pixels, make waves, let text flow around a creature and set the page alight. With the code to copy.
- Margin DragonLabA watercolour dragon swims through a page of real text. The words flow around it, and its fire burns holes in the live page. Desktop Chrome.
- Wishing PondLabA real web form at the bottom of a koi pond. Type a wish, toss a coin and watch your words sink. Desktop Chrome.
- SnowfallLabA real web form standing in a snowfield. Snow settles on its fields and letters, and you can brush it off. Desktop Chrome.
- From $25GameA little banking game in five line drawings: shake out the first $25, stamp the deposit, sort the coins, crack the vault and watch the first six months stack up.
- New faces for an AI agentInterfacesEvery AI product has a blob with eyes. We drew some that aren't: two dots with lasers, a folded card and an agent that lives in the notch. Talk to them, then take one home.
- A modal, through the yearsToyThe same little dialog drawn the way it looked in 1984, 1995, 2007 and on to now. Hover the timeline to travel.
- Kern itGameFive bakery words with the spacing scrambled. Fix it by eye, then see how close you got to the typeface's own kerning.
- Time machineModeSee this site as it might have looked in 1999 or 2010. Comic Sans and glossy buttons included.
- ShyToyThings that get shy when you squeeze them: a table that hides its words under the rug, and a keyboard that changes shape until its keys jump at your screen.
Hidden on this site
- Tap the waving hand five times.
- Type “baked” anywhere on a page.
- Try the Konami code: ↑ ↑ ↓ ↓ ← → ← → B A.
- Type “blueprint”, or flip the tiny switch at the end of the footer links.
- Leave the tab and look at its title.