Join the discussion
Write your take first — we'll ask for email only when you're ready to publish.
- Hacker News
- The comic sans of UI controls?by doobiedowner
- Neat! I wonder if the page performance suffers much if it's a large page full of similarly styled components.by bluerooibos
- > 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
by _usefulcat - Where can I see a live demo that works on mobile?
- Came here to say the same thing. Easiest is just to use GitHub pages.
- 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.
- Regardless of what the other commenters are saying, I really like this. It looks cute and neat, and is the kind of stuff that I like to occasionally see on HN.
Might be a good set of components for a simple no nonsense scratchpad webpage or something similar.
by reeeeee - 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.
by BariumBlue - FWIW, Excalidraw uses (or at least originally used to, I didn't check again) the similar project Rough.js: https://roughjs.com/by Vinnl
- 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.by Schlagbohrer
- Agreed.by bluerooibos
- I don't mind that since it helps with legibility which I find some fonts with a hand drawn aspect to them have.by JLO64
- Reminds me of wired elements (which uses Rough.js under the covers).by vunderba
- I don't necessarily care about AI use in projects, but it is somewhat ironic seeing a UI library imitating "hand-drawn" elements which is itself made entirely (I assume, reading the readme and commits) using AI.by brw
- Maybe I'm old fashioned, but usually when something says "hand drawn", I'd expect it to be hand drawn, not machine drawnby voidUpdate
- 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.by mb_thd
- Truthful descriptions of products are so last century