Wired-elements – UI web components with a hand drawn, sketchy look

In plain words

Wired-elements is a collection of UI web components designed for developers who want to create interfaces with a hand-drawn, sketchy aesthetic. The components include buttons, cards, inputs, and other standard interface elements, all styled to appear informal and roughly drawn. It's built for web developers looking to add a casual or playful visual style to their projects without building custom designs from scratch.

written from the facts on this page · September 2026

From the sources

A set of common UI elements with a hand-drawn, sketchy 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. Using wired-element controls to change a sketchy circle drawn using rough.js . Instructions on how to use wired-elements can be found on wired-elements GitHub page . API of specific elements can be found on their respective page in the Docs. Here's the list. Support development of this project by sponsoring on Open Collective or Githubfrom wiredjs.com

• 
  Wired Elements2018 · wiredjs.com · ▲8

  Common UI Elements with a sketchy hand-drawn look 📝

• 
  Elements2017 · sketch.com · ▲252

  A free iOS UI kit, brought to you by Sketch

• 
  A simple hand drawn HTML/CSS theme2021 · chr15m.github.io · ▲188

  A simple hand drawn HTML/CSS theme.

• 
  UX Power Tools2016 · uxpower.tools · ▲232

  The Infinite UI Kit: Sketch components, styles & symbols.

• 
  Box UI Elements2017 · developer.box.com · ▲217

  Bring customizable parts of the Box UI to your own apps

• 
  uiverse.io2022 · uiverse.io · ▲354

  Hundreds of open source UI elements

• 
  SimCity, but with Permits▲908

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 1d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 13d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 14d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 8d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 12d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 22d ago · space.bl2.net

• 
  Google Duplex▲1,447

  An AI assisstant that can talk on the phone 🤖

  AI · 2018 · research.google

• 
  Lobe▲1,236

  Visual tool for building custom deep learning models

  AI · 2018 · github.com

• 
  Screely▲1,099

  Instantly turn screenshots into beautiful images

  Growth · 2018 · screely.com

• 
  Fugue▲1,000

  Free stock music for your videos, games and UI

  Growth · 2018 · icons8.com

• 
  Spirit▲754

  The animation tool for the web.

  Dev tools · 2018 · spiritapp.io

• 
  Google Trends▲700

  A new experience to explore what the world is searching 🔎📈📊

  Life & fun · 2018 · trends.google.com