News for hackers. Stuff that matters.

A comment on Show HN: Wired-elements – UI web components with a hand drawn, sketchy look.

Re:Show HN: Wired-elements – UI web components with a hand d... by shihn on Thursday May 24, 2018 @02:37PM (#17146956)
After working on http://roughjs.com/ I thought it would be interesting to create common sketchy UI components that worked like actual controls. Web components seemed liked the obvious tech for that. So, yeah, here's wired-elements.
[ Parent | on HN ]
Re:Show HN: Wired-elements – UI web components with a hand d... by njx on Thursday May 24, 2018 @02:40PM (#17146987)
Great job!. What is it based on Canvas or SVG? I had in my initial version of https://www.mockuptiger.com built sketchy components using Canvas. It was interesting and fun.
[ Parent | on HN ]
Re:Show HN: Wired-elements – UI web components with a hand d... by shihn on Thursday May 24, 2018 @02:43PM (#17147012)
The web components use SVG and are build on lit-element (https://github.com/Polymer/lit-element) as the web-component base.

Rough.js can render to either canvas or SVG.

[ Parent | on HN ]
Re:Show HN: Wired-elements – UI web components with a hand d... by mathisonian on Thursday May 24, 2018 @11:57PM (#17150497)
This looks great! I might try to make a theme for https://idyll-lang.org/ that utilizes the components.
[ Parent | on HN ]