HN Showcase
Back to browse
Joha – a free browser-based drawing playground with preset shape tools

Joha – a free browser-based drawing playground with preset shape tools

by smlee·Mar 8, 2026·13 points·3 comments
Visit ProjectView on HN

AI Analysis

●MidEye CandyCozy

Preset shapes for quick composition, but Figma, Adobe XD, and Excalidraw exist.

Strengths
  • •Preset shape generation (waves, particles, rings) speeds up exploration vs blank canvas.
  • •Layer system and animation support add real utility beyond single-purpose sketching tools.
Weaknesses
  • •Crowded space: browser drawing apps (Excalidraw, Tldraw, Figma free) dominate with export, collaboration.
  • •No clear differentiation: preset shapes alone don't justify a new tool when Figma/Procreate offer richer shape libraries.
Category
Design
Target Audience

Visual explorers, graphic designers, artists seeking fast iterative composition

Similar To

Excalidraw · Tldraw · Figma

Post Description

I built Joha, a free browser-based drawing playground built around preset shape tools.

You can click or drag to quickly generate individual shapes like waves, stars, layered squares, particles, textured strokes, and ring patterns, then combine them into larger compositions.

It’s designed for fast visual exploration and composition rather than precise vector editing.

Under the hood, it’s built with Vue 3, Vite, and p5.js for the drawing engine.

Similar Projects

Open Source●●Solid

Wondershaper QuickToggle

It’s a focused, no-nonsense tray toggle for wondershaper that keeps the UI unprivileged and pushes privileged calls to a polkit helper—nice safety tradeoff. Real-world conveniences are here: presets with Mbps UX, interface autodetect, i18n, desktop notifications and sane input validation. GNOME needs an AppIndicator extension and the scope is strictly wondershaper, but for anyone who wants one‑click shaping this saves a lot of friction.

Niche GemShip It
DanuxBe
203mo ago
Design●●Solid

Emergent Field Explorer – interactive moiré with easy shareable links

The interaction is dead-simple — click or drag the top layer and double-click to tweak patterns, colors and effects — but the neat part is the blur→posterize post-process that turns tiny interference ripples into organic blobs. Exporting state as a URL-encoded preset is a smart, lightweight sharing hack that makes it easy to swap wild configurations without a backend.

Eye CandyRabbit HoleWizardry
mcdowell_atx
103mo ago