This reminds me of d2lang's sketch mode[0], which I really like. Amazing if you want to publish a diagram for comment but have it not look so official someone can steal it and promise it to a customer with your name attached. Naming no names.
Those feel very ink-blobby - like they were drawn by someone who can barely hold a pen stick-stopping across each line and then redoing parts of each line to correct mistakes. Looks elementary schooler.
I prefer Excalidraw look and feel - a couple of smooth and mostly straight lines per line, which looks more like intentional competence with a quick and imperfect tool.
Maybe I'm old fashioned, but usually when something says "hand drawn", I'd expect it to be hand drawn, not machine drawn
My thoughts exactly. At the very least the author should add a disclaimer that it's not actually hand-drawn but only looks like it.
The effect is ruined when the text in the buttons is perfect normal font. It should be hand drawn too otherwise it looks really off.
Agreed.
This reminds me of d2lang's sketch mode[0], which I really like. Amazing if you want to publish a diagram for comment but have it not look so official someone can steal it and promise it to a customer with your name attached. Naming no names.
[0] https://d2lang.com/tour/sketch
Those feel very ink-blobby - like they were drawn by someone who can barely hold a pen stick-stopping across each line and then redoing parts of each line to correct mistakes. Looks elementary schooler.
I prefer Excalidraw look and feel - a couple of smooth and mostly straight lines per line, which looks more like intentional competence with a quick and imperfect tool.
FWIW, Excalidraw uses (or at least originally used to, I didn't check again) the similar project Rough.js: https://roughjs.com/
Reminds me of wired elements (which uses Rough.js under the covers).
https://github.com/rough-stuff/wired-elements
> Every mount generates a fresh pen sketch from seeded randomness, and the stroke boils like an animated doodle.
I've seen many hand drawn effect css libraries but what I like about this one is that each control has its own unique stroke. Pretty neat
Where can I see a live demo that works on mobile?
> Strokes boil gently: three frames of the same sketch, micro-wobbled around a shared base, cycled by pure CSS at 1200ms.
lol. I was kinda excited to use it for AI-generated wireframes but this is such a turn off.
The comic sans of UI controls?