Displaying 1 to 11 from 11 results

rough - Create graphics with a hand-drawn, sketchy, appearance

  •    Javascript

Rough.js is a light weight (~9kB gzipped) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Rough.js works with both Canvas and SVG.

wired-elements - Collection of elements that appear hand drawn. Great for wireframes.

  •    Javascript

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.

rough - Create graphics with a hand-drawn, sketchy, appearance

  •    TypeScript

Rough.js is a small (<9 kB) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Rough.js works with both Canvas and SVG.

rough-notation - Create and animate hand-drawn annotations on a web page

  •    TypeScript

A small JavaScript library to create and animate annotations on a web page. Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration can be configured, or just turned off.




wired-elements - Collection of custom elements that appear hand drawn

  •    TypeScript

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 package (wired-elements) exports all components in the wired category. List of all wired elements can be found here.

roughViz - Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.

  •    Javascript

roughViz.js is a reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser, based on D3v5, roughjs, and handy. Use these charts where the communication goal is to show intent or generality, and not absolute precision. Or just because they're fun and look weird.

wired-button - Hand-drawn sketchy Button web component

  •    Javascript

This project has moved to a single monorepo for all wired-elements: Wired Elements. Hand-drawn sketchy Button web component.

wired-card - wired-card is s a container for other web elements - with a hand-drawn, wireframe like, look

  •    Javascript

This project has moved to a single monorepo for all wired-elements: Wired Elements. wired-card is s a container for other web elements - with a hand-drawn, wireframe like, look.


wired-lib - This is the core rendering library used by all wired ui components

  •    Javascript

This project has moved to a single monorepo for all wired-elements: Wired Elements.

wired-textarea - A multi-line text field (auto-grows) with a hand-drawn, wireframe like, look

  •    Javascript

This project has moved to a single monorepo for all wired-elements: Wired Elements. Hand-drawn sketchy textarea web component.

wired-tooltip - Sketchy tooltip with text that appears on hover over an element.

  •    Javascript

This project has moved to a single monorepo for all wired-elements: Wired Elements. Tooltip with text that appears on hover over an element. It will be centered to an anchor element specified in the 'for' attribute, or, if that doesn't exist, centered to the parent node containing it.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.