Little tools that make things
A playground of design and dev tools I built to learn — and kept because they turned out genuinely handy. Each one shows you how it works, so you learn a little something too.
3D Studio
Spin a glowing 3D object in real time — glass, chrome, iridescence — with cinema-style lighting and effects. Runs on your phone, and really shows off on a good graphics card.
Effects Lab
22 background effects you can see moving live — waves, aurora, particles, glass — each with a plain-English "how it works" and code you can copy straight into your own site.
Gradient Studio
Blend beautiful colour gradients with ready-made presets or your own, then take them home as CSS or a downloadable image.
Color Chart
Every Tailwind colour side by side, with a readability check built in — so you know a text-and-background pair actually works before you use it.
Cron Schedule Builder
Build a schedule for automated tasks and see it in plain English plus the real dates it will run — with a 3D clock pointing at the next one.
Easy Scheduler
The no-jargon version: pick times and days from simple menus and checkboxes, and it writes the technical schedule for you.
On the bench: Typography tester · Spacing scale · Shadow maker · Animation builder. Tell me which you'd actually use →