Life & fun · alternatives · 2026
24 alternatives to Create sketchy, hand-drawn version of image in browser with WebAssembly
Rough Draw creates a sketchy, hand-drawn version of any image using RoughJS and a WASM version of OpenCV.
Rough Draw is a browser-based tool that transforms any image into a sketchy, hand-drawn version. It uses OpenCV to detect shapes and contours in images by converting them to grayscale and applying threshold filters… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Create sketchy, hand-drawn version of image in browser with WebAssembly launched in 2018; newer entries below may have overtaken it.
- 1
Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.
2018 · roughjs.com · its alternatives →
- 2
A small JavaScript library to create and animate hand-drawn annotations on a web page
2020 · roughnotation.com · its alternatives →
- 3
- 4
Sketch-to-image AI image generator, in real time
2023 · magnific.com · its alternatives →
- 5
Create graphics with a hand-drawn, sketchy, appearance - rough-stuff/rough
2018 · github.com · its alternatives →
- 6
Sketch2Code▲407Turn hand-drawn design into a HTML with AI. By Microsoft.
2019 · learn.microsoft.com · its alternatives →
- 7
INSTAD.IO▲202Automagically converts vector images into sketchy style
2021 · instad.io · its alternatives →
- 8
Create plotter-like line drawings from your images.
2021 · javier.xyz · its alternatives →
- 9
Rough.js▲7Create graphics with a hand-drawn, sketchy, appearance
2018 · roughjs.com · its alternatives →
- 10
Open Doodles▲687A collection of free sketchy illustrations
2019 · opendoodles.com · its alternatives →
- 11
- 12
Shape 2▲5405000+ fully customizable assets for your web design projects
2020 · shape.so · its alternatives →
- 13
Hi all! TikZ is a widely-used LaTeX package for drawing figures in papers. It uses commands like \draw[->] (0,0) -- (1,2); to draw lines, shapes, text, etc. Academics usually code up their figures by hand, so there is lots of twiddling around with the coordinates and recompiling until things look nice. I guess it’s a bit like SVG, but it’s more code than markup, for example it has loops with \foreach. I built an open-source WYSIWYG TikZ editor (available for web and desktop) that allows you to edit your TikZ source code visually by dragging and resizing elements. It simultaneously shows the…
Jun 2026 · tikz.dev · its alternatives →
- 14
- 15
SVG Artista▲406Little tool that helps you create SVG animations
2019 · svgartista.net · its alternatives →
- 16
- 17
I'm excited to share my indie product, https://drawing.pics In this post, I'll share all the technical details behind it. So, what exactly is DrawingPics? It's an image-to-image and sketch-to-image generator that runs in a whiteboard, allowing you to draw your draft directly on the canvas and easily generate the desired image. How does it work from a technical perspective? TLDR: Miniconda + Diffusers + Electron + Excalidraw One of the most important aspects of creating this tool was finding a stable diffusion locally inference solution. There are many solutions available, such as…
2024 · drawing.pics · its alternatives →
- 18
Sketch2scheme▲208Convert hand-drawn diagrams into digital schemes
2024 · sketch2scheme.com · its alternatives →
- 19
This tool turns videos into ASCII pixel art. You can use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc. Github repo: https://github.com/collidingScopes/ascii It's built with javascript / html canvas. I'll be continuing to work on this, with the goal of improving performance (it can be laggy at high resolutions) and to also allow image input (turn an image into animated ASCII art). Please let me know of any feedback or suggestions!
2024 · collidingscopes.github.io · its alternatives →
- 20
- 21
Demo of in-browser Fast Neural Style Transfer with deeplearn.js library - reiinakano/fast-style-transfer-deeplearnjs
2017 · github.com · its alternatives →
- 22
Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…
2024 · repaint.com · its alternatives →
- 23
Handdraw▲145100% Free fully customisable hand-drawn illustrations
2022 · handdraw.xyz · its alternatives →
- 24IM
I was fascinated by this [0] and this video [1]. After many struggles, I finally built this app that traces images using circles similar to what these videos had shown. The most challenging part (to me) is to find a way to convert images to vector lines. I had tried Potrace, but its output is not suitable for my use case: too many small elements share the same border. Potrace's goal is to represent the original image faithfully using vector lines. But I want to trace the image edges. After searching and trying some Potrace alternatives in vain, I finally found my keyword. Surprisingly (to…
2022 · phqb.github.io · its alternatives →
Also compare
- RoughJS – Create hand-drawn graphics using JavaScript alternatives
- RoughNotation – create and animate hand-drawn annotations on a web page alternatives
- DrawKit alternatives
- Magnific Sketch to Image alternatives
- RoughJS – Create hand-drawn graphics now supports both SVG and Canvas alternatives
- Sketch2Code alternatives
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 →