UI Playground

A UI Sandbox & Recorder — Personal Tool

UI Playground is a sandbox I built for prototyping UI elements in isolation, recording clean demos, and exporting the code for each one. Other tools do these things — a UI sandbox, a demo recorder — I just didn't feel like paying for them…

It's wired to Claude Code: prompt and build your elements there, and UI Playground is your live view. Save elements to a library and export the code for another project. My favorite part is the focus/record mode — pick a background, add a watermark, and you've got a clean environment to record your elements in action. Pretty sweet.

Saving a new element to the gallery — build it, save it, and export the code whenever you want to drop it into another project.

The logo, backgrounds, and inspo art — all whipped up in Midjourney.