// a workshop · est. 2026
Small tools for people who make things on the web.
A workshop of single-purpose utilities for designers and design engineers. Free, forever. Built one Saturday at a time.
What's being built.
[ visual_creator ]
Shader Gradient Lab
Custom WebGL2 gradient generator, a faithful Neat port plus curated Shadertoy shaders. Tweak waves, colors, flow, and grain in real-time. Export as PNG.
[ learning_tools ]
Text Animation Library
146 curated CSS and JS text animations. Hover, copy, or pick several to bundle as one snippet.
[ reference ]
Moodboard Library
Hand-curated vibes with palette, fonts, and texture suggestions. From dusty Tokyo sunset to 90s Memphis.
[ inspiration ]
Loading States Gallery
Skeleton loaders, spinners, and empty states with copy-pasteable code. The thing every project needs.
[ learning_tools ]
The Spec Pressure-Test
Learn to spot the gaps in a feature spec before an AI coding agent fills them in wrongly.
[ reference ]
UI Pattern Library
A searchable reference of UI patterns, what each one means, when to use it, when not to.
[ learning_tools ]
The Type Field Guide
A short, hands-on guide to web typography. Learn the essentials and feel each one with a live demo.
[ visual_creator ]
Mockup Wrapper
Drop in a screenshot, get it framed in browser chrome or a clean card. Export as PNG.
[ learning_tools ]
Easing Cookbook
Sixteen curated cubic-bezier easings, drawn and animated side by side. Click any card to copy its value.
[ production_tools ]
CSS Effect Lab
A lab for hard CSS effects: glow borders, layered glows, grain, and more. Tweak a recipe, copy the complete code.
// the cargo principle
“Build the tool you wish existed, then ship it on a Saturday.”