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