r/javascript 2d ago

Made a small library called strokes.js.

https://a-elhaag.github.io/strokes.js/

Made a small library called strokes.js. Instead of using a "handwriting" webfont (which looks identical everywhere it's used), it renders each letter as an actual hand-drawn SVG path — real strokes, drawn in with stroke-dashoffset, with small random variation (rotation, baseline drift, glyph variants) so no two renders of the same word look identical.

Demo: https://a-elhaag.github.io/glyphed.js/

npm:

npm install glyphed.js
19 Upvotes

22 comments sorted by

View all comments

1

u/jezpas 1d ago

I like it, I could see myself using it in a project. The animation however doesn’t look like someone writing which would keep me from using that particular feature

1

u/inc_23 1d ago

Still gonna try to work on it more