hover to re-sketch

drawably

Hand-drawn UI. Fresh pen sketch every mount.

Every stroke is generated at load. Hover a control to re-sketch.

Every mount is a new sketch. Pick the one you like and keep it.

Twenty-five pieces, twelve hands each, six inks. Every one ships in the package. Click one to lock it. Shuffle the rest until the set reads as one hand.

  
 
 
 
 
  
 
 
 
MIT
 
v0.4.2
 
 
import  DrawablyButton 
from "drawably/react"

<DrawablyButton state="loading">
 
 
 
 
 
 
 
import  drawablyButton  from "drawably";
import "drawably/style.css";

drawablyButton(done,  variant: "solid", state: "success" );
 
 
 
 
 
 drawablyButton(el, opts) 
 
 
 
 drawablyCheckbox(wrap, opts) 
 
 
 
 drawablyInput(wrap, opts) 
 
 
 
 drawablyCard(el, opts) 
 
 
 
 drawablyRadio(wrap, opts) 
 
 
 
 drawablyToggle(wrap, opts) 
 
 
 
 drawablyDivider(el, opts) 
 
 
 
 drawablyArrow(from, to, opts)