Wired-elements

Really nice project. Not sure what's the use case but good fun project. Will use someday. :)

This is really rad! It's fun just to refresh a couple times and see the randomness at work. Nice job!

I am not a designer but THIS IS SO AWESOME

This is great! I like the aesthetic, I'd happily use a web-app that was made with these components.

This is fantastic! Very useful to get a concept into the browser and hopefully minimize clients focusing on visual design preferences too early in the process.

Same on iOS. Otherwise great job! I can easily see his being used for rapid prototyping so give clients the feel that the UI is not set. Would be good to use the awesome font at…

the balsamiq wireframing software is stylized like this, and i think it suits the wireframing context very nicely https://balsamiq.com/ that's just one specific use case, but…

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).

FYI, the slider doesn't work at all on Chrome Android.

Sliders don't seem to be movable with Chrome for Android. Nicely done, though.

Slider handle doesn't work on Chrome Android 66.0

I really like the look, very nice job on that. Is there any particular reason though why you didn't follow the aria standards for the controls? None of these controls can be used…

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

>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? )…

There's something weird going on in Chrome. This link works in Firefox though with the webcomponents polyfill https://codesandbox.io/s/jn85y61kx9

I really like the look, very nice job on that. Is there any particular reason though why you didn't follow the aria standards for the controls? None of these controls can be used…

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

Strange, that designer link doesn't load in Firefox Nightly, with this error: ``` Loading failed for the <script> with source…

Yep. Doesn't work with touch events properly at the moment. Work in progress!

That's brilliant! One suggestion I have is to prevent rerendering when changing states, e.g. when checking a checkbox, draw a checkmark without changing the shape of the actual…

It's actually simpler than that. Most of the time it should not re-render at all. Should only re-render when the size has changed - at which point one needs to recompute anyway.…

What is the use-case for this? I read and agree that writing HTML or JavaScript is too costly for wireframes and this is why wireframe tools are handy, because you can cheaply…

Really nice project. Not sure what's the use case but good fun project. Will use someday. :)

What is the font type that is used in this blog? Is it available for free use?

Yes: https://fonts.google.com/specimen/Gloria+Hallelujah

the balsamiq wireframing software is stylized like this, and i think it suits the wireframing context very nicely https://balsamiq.com/ that's just one specific use case, but…

This is why I purchased Balsamiq when I was contracting, even the basic Bootstrap theme, even with bold text saying "ignore everything design related!!" I'd still get comments…

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…

PaperCSS looks a bit better imho and they are also working on set of react components.

Reminds of the Napkin look and feel for Java Swing apps. I worked on a project where we only demoed the Napkin L&F to our customers until we were feature complete. The idea was…

Another comment in this thread mentioned a similar project, a Swing "napkin" theme, which managed a rough look as normal styling. So I guess Swing did something better than…

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