Not an API demo — a possibility demo

A playground of design ideas.

None of these nine are wired to Mosaic's database, auth or email — on purpose. Each one started as a single sentence to Claude: a map you can drag, text that shimmers, lights that twinkle. The point isn't any one trick — it's the range of things "describe it to Claude" can build.

Glow Trail

Mouse light-painting — the original Light Lab trick, still here.

move your mouse inside the box

Interactive Mini Map

A draggable, zoomable map with clickable pins.

drag to pan · click a pin

Shimmer Text

A light sweep gliding across a headline, pure CSS.

Make it shine.

hover to speed it up

Living Image

A still scene that reacts like light is hitting it.

move your mouse across it

Christmas Lights

A string of bulbs that twinkle, brighter near your cursor.

move your mouse along the string

Live Sparkline Ticker

A ticking chart line, like a tiny stock dashboard.

100.00 +0.00

updates on its own

Spark Burst

Click anywhere and a shower of sparks explodes outward.

click inside the box

Stained Glass

A grid of colored glass, randomized with every click.

click to regenerate

Drag to Reorder

Not just visuals — Claude can build interactive state too.

  • 🎨 Design
  • 🛠️ Build
  • 🚀 Ship

drag a chip to reorder (desktop)

Every demo on this page — the map, the lights, the shimmer, all nine — started as one sentence to Claude: describe what you want, let Plan mode write the approach, Manual mode build it, then check the result. None of it touches a server. That's the same habit the Working with Claude section walks through.