wired-elements 👉 wiredjs.com

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.

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

Usage

This package (wired-elements) exports all components in the wired category. Links to individual repositories are provided here.

Add wired-elements to your project:

npm i wired-elements

Import wired-elements definition into your HTML page:

<script type="module" src="wired-elements/wired-elements.js"></script>

Or into your module script:

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

Use it in your web page:

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

Learn about web components here.

Components

Demo

Demo of all components is avaialable at wiredjs.com

License

MIT License (c) Preet Shihn