thisdesign.space

VANILLA · library

Wired Elements

Sketchy web components — `<wired-button>`, `<wired-input>`, `<wired-card>`.

A set of standard custom elements styled with RoughJS, so every primitive — button, input, slider, card, tooltip — looks like it was sketched on a notepad. Because they're web components, they work in any framework: drop a script tag, use the tags. Useful when you want a wireframe-but-running UI for prototypes, doc sites, or sites that don't take themselves too seriously.

byudaysinhudaysinh
Visit wiredjs.com

The homepage is the canonical demo. The lab points; doesn't mirror.

Quick start

Installbash

<script type="module" src="https://unpkg.com/wired-elements?module"></script>

Usagehtml

<wired-card elevation="3">
  <p>Sketchy card</p>
  <wired-input placeholder="Type here"></wired-input>
  <wired-button>Click</wired-button>
</wired-card>

Links