Skip to components
w. wired elements / node-projectsGitHub ↗

WEB COMPONENTS, WITH A HUMAN TOUCH

A little rough.
A lot of character.

Buttons, inputs, and all the in-betweens. A collection of hand-drawn web components for interfaces that feel like ideas in motion.

Open the sketchbook ↓Start building ↗

Built with Lit + Rough.js · Works with your framework

go on, give it a try ↙

A WORK IN PROGRESS

Your next bright idea.

Leave room for a little personality
Make something✳
Perfectly imperfect, by design.

THE COLLECTION

Real components. Ready to play.

AllActionsInputsLayoutFeedbackMedia

FROM SKETCH TO SCREEN

Make it your own.

Install the collection, import a component, and write a little HTML. Use it with vanilla JavaScript, React, Vue, or any framework that supports web components.

Explore the component API ↗

01 / INSTALL

npm install @node-projects/wired-elements

02 / IMPORT & USE

import '@node-projects/wired-elements/lib/wired-button.js';

<wired-button elevation="2">
  Hello, sketchbook.
</wired-button>