Live data from Hacker News

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

wiredjs.com

51–60 of 124 posts

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#51
post #42

Earlier quoted context omitted.

These are web components and work fine within React already. We shouldn't need to port every interesting UI component to every single framework anymore.

i know and it was more just an exercise for myself. polymer and react interop still isnt very nice as far as i can tell. calm down :)

What could we do better?

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#53
post #50

This is amazing, I love the sketched feel to it. I started an open source project in the fall, PaperCSS, that’s in the same category as wiredJS. PaperCSS is like if someone quickly drew the page with a marker, whereas this is as if someone sketched it all with a pencil. Happy to see less clean lines on the internet :) http://github.com/papercss/papercss

Not to be confused with paperjs, a /completely/ different js library.

http://paperjs.org/

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#54

As always, accessibility is the last thing people care about.

To be honest, I did think about accessibility early on but realized that the main use case was for mockups and it wasn't high on the priority list for that scenario. I do plan to make most of these controls accessible before 1.0 release. Thanks for bringing it up.

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#55
post #11

i started working on a react clone of wired from a few months ago - kinda dont have time to continue on it but if anyone wants to take over please do: https://github.com/sw-yx/react-wired also preet's designer tool is very very very usable: https://wiredjs.github.io/designer/ basically a free balsamiq!

These are web components and work fine within React already. We shouldn't need to port every interesting UI component to every single framework anymore.

>These are web components and work fine within React already I tried with a simple CodeSandbox and they are not working for me. ( Unless I'm doing something wrong? ) https://codesandbox.io/s/pp4q7kw9q7

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#57
post #31
post #11

i started working on a react clone of wired from a few months ago - kinda dont have time to continue on it but if anyone wants to take over please do: https://github.com/sw-yx/react-wired also preet's designer tool is very very very usable: https://wiredjs.github.io/designer/ basically a free balsamiq!

For a different free version of balsamiq, also check out https://pencil.evolus.vn/ and use the Sketchy GUI stencil.

Thanks! I've been looking for something similar that supports Linux. Most tools I found unfortunately did not.

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#59
post #27

Looks nice, but I have a bug: The sliders don't work properly, when trying to move them they will always start back at 0. (I'm using Firefox 60).

Yep sliders aren't quite baked yet. Should work on chrome. Thanks for reporting. https://github.com/wiredjs/wired-slider/issues/3

The fact that your designs "don't work" is very disconcerting - given that we've spent 20 years trying to separate function from design. Does this mean that after 20 years that we still don't have a good clean separation?

Re: Show HN: Wired-elements – UI web components with a hand drawn, sketchy look

#60
post #27

Earlier quoted context omitted.

Yep sliders aren't quite baked yet. Should work on chrome. Thanks for reporting. https://github.com/wiredjs/wired-slider/issues/3

The fact that your designs "don't work" is very disconcerting - given that we've spent 20 years trying to separate function from design. Does this mean that after 20 years that we still don't have a good clean separation?

Not knocking the design in any way. Just expressing frustration and sadness that you've even have to think about function.
Post reply on HN