TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Mockups and wire-framing tool built using web components

4 pointsby shihnover 7 years ago

1 comment

shihnover 7 years ago
Few weeks ago, as a fun project, I built a set of web components that had a Balsamiq like hand-drawn sketchy look. Basic components like buttons, textboxes, sliders, etc. wired-elements: <a href="https:&#x2F;&#x2F;www.webcomponents.org&#x2F;collection&#x2F;wiredjs&#x2F;wired-elements" rel="nofollow">https:&#x2F;&#x2F;www.webcomponents.org&#x2F;collection&#x2F;wiredjs&#x2F;wired-eleme...</a><p>(Fun fact about these: Just like any hand drawn shape, no two renderings of the component will be exactly the same)<p>Last week I came across <a href="https:&#x2F;&#x2F;github.com&#x2F;PolymerLabs&#x2F;wizzywid" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;PolymerLabs&#x2F;wizzywid</a> a basic wyziwig editor for Polymer components.<p>For last weekend&#x27;s fun project, I adapted the code to use wired-elements to create a simple Balsamiq like visual wire-frame editor.