Life & fun · alternatives · 2026

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

Common UI Elements with a sketchy hand-drawn look.

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… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Wired-elements – UI web components with a hand drawn, sketchy look launched in 2018; newer entries below may have overtaken it.

1
Wired Elements▲8
Common UI Elements with a sketchy hand-drawn look 📝
2018 · wiredjs.com · its alternatives →
2
Elements▲252
A free iOS UI kit, brought to you by Sketch
2017 · sketch.com · its alternatives →
3
A simple hand drawn HTML/CSS theme▲188
A simple hand drawn HTML/CSS theme.
2021 · chr15m.github.io · its alternatives →
4
RoughNotation – create and animate hand-drawn annotations on a web page▲696
A small JavaScript library to create and animate hand-drawn annotations on a web page
2020 · roughnotation.com · its alternatives →
5
UX Power Tools▲232
The Infinite UI Kit: Sketch components, styles & symbols.
2016 · uxpower.tools · its alternatives →
6
Cyberpunk web design made easy, really easy▲775
2019 · augmented-ui.com · its alternatives →
7
Box UI Elements▲217
Bring customizable parts of the Box UI to your own apps
2017 · developer.box.com · its alternatives →
8
uiverse.io▲354
Hundreds of open source UI elements
2022 · uiverse.io · its alternatives →
9
UX Flow Wireframe Prototyping System▲453
Create beautiful user flows prototypes for your next project
2017 · its alternatives →
10
Base UI Sketch Framework▲263
Huge set of everything you need to design and prototype
2017 · its alternatives →
11
UI/UX Assets▲271
Curated UI kits, wireframes, templates, icons and more.
2016 · uiuxassets.com · its alternatives →
12
Magic UI▲588
UI library for Design Engineers
2025 · magicui.design · its alternatives →
13
Sketch2Code▲407
Turn hand-drawn design into a HTML with AI. By Microsoft.
2019 · learn.microsoft.com · its alternatives →
14
UI Builder + Mockup tool▲315
Sketch UI mockups directly on live websites in Chrome
2025 · chromewebstore.google.com · its alternatives →
15
Mobile Wireframe Kit▲153
Speed up app design with a beautiful kit of UI elements
2015 · tombutterfield.gumroad.com · its alternatives →
16
UI Temple▲454
Curated collection of the best web page designs
2016 · uitemple.com · its alternatives →
17
Draw-a-UI, a whiteboard that converts a sketch to HTML▲43
Draw a mockup and generate html for it. Contribute to SawyerHood/draw-a-ui development by creating an account on GitHub.
2023 · github.com · its alternatives →
18
Wireframe Deck of Cards▲102
A physical way to build and revise website and app layouts
2018 · uxkits.com · its alternatives →
19
Platforma 2▲166
Wireframe library of layouts and UI elements
2019 · platforma.ws · its alternatives →
20
Wireflow▲352
Create beautiful flowcharts
2017 · wireflow.co · its alternatives →
21
Blöcke Web UI Kit▲120
380+ components based on design system for Sketch
2019 · pixsellz.io · its alternatives →
22
Material UI▲247
A CSS Framework that Implements Google's Material Design
2014 · mui.com · its alternatives →
23
UXToolset▲168
Components for wireframes, flows, diagrams and documentation
2020 · uxtoolset.com · its alternatives →
24
Custom Elements▲119
A web components gallery for modern web apps
2014 · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →