Repository files navigation

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.

Play with wired-elements:

Wired Elements

Wired Elements in React

Wired Elements in Vue

Wired Elements in Svelte

The package (wired-elements) exports all components in thewired category. List of all wired elements can be foundhere.

Add wired-elements to your project:

npm i wired-elements

Or load the ES module directly through unpkg

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

Import into your module script:

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

or

import{WiredButton}from'wired-elements/lib/wired-button.js';import{WiredInput}from'wired-elements/lib/wired-input.js';

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

Learn about web componentshere.

To view details of each component - properties, events, css-properties, etc, are provided in thedocs folder.

Demo of all components is available atwiredjs.com.

wired-elements was built usingRoughJS andLit.

Become a sponsor of theRough suite of libraries

Become a financial contributor and help us sustain our community. [Contribute]

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

MIT License (c)Preet Shihn