Clone or download
pshihn Merge pull request #28 from RalucaNicola/master
Add button accessibility
Latest commit da4f150 Jun 13, 2018
Failed to load latest commit information.
examples . Jun 9, 2018
packages Fix casing for tabindex attribute Jun 13, 2018
.gitignore wired-input respond to value attributes Jun 5, 2018
LICENSE wired elements May 22, 2018 Update Jun 9, 2018
lerna.json v0.6.4 Jun 5, 2018
package-lock.json . Jun 9, 2018
package.json . Jun 9, 2018
rollup.config.js . Jun 3, 2018

wired-elements 👉

Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups, or just the fun hand-drawn look.

alt Preview

The elements are drawn with enough randomness that no two renderings will be exactly the same - just like two separate hand drawn shapes.

Try now

Play with wired-elements live on StackBlitz playground:

Wired Elements

Wired Elements in React


The package (wired-elements) exports all components in the wired category. List of all wired elements can be found here.

Add wired-elements to your project:

npm i wired-elements

or individual controls

npm i wired-button


Import into your module script:

import { WiredButton, WiredInput } from "wired-elements"

Alternatively, load a bundled version from the dist folder or from CDN:

<script src=""></script>

Use it in your web page:

<wired-input placeholder="Enter name"></wired-input>
<wired-button>Click Me</wired-button>

Learn about web components here.


Demo of all components is available at

Dev Environment

View the Dev environment page for instructions.


MIT License (c) Preet Shihn