danielwh2/drawably

Hand-drawn UI controls. Every mount generates a fresh pen sketch from seeded randomness, and the stroke boils like an animated doodle. Zero dependencies, 4 KB of JS and one stylesheet.

Web & frontendTypeScript

1.3 Cooling Magnitude out of 10. Star growth looks organic. Data as of September 19, 2026.

Open on Seismograph Open on GitHub

About the project

UI component library in a hand-drawn sketch style: each element renders as an SVG sketch from a seeded random generator with an animated stroke boil. Zero dependencies, with React wrappers.

Useful for

Add hand-drawn buttons, checkboxes and inputs to an interface prototype
Pass a fixed seed so sketches render identically on every mount
Use the button's loading/error/success states for async actions

README summarized by DeepSeek V4.1 Flash. Details may be inaccurate.

Why it’s trending

3 stars so far today, about 6 expected by the end of the day.
The repository is 35 days old and already has 747 stars.
Hacker News: “Drawably: Hand-Drawn UI Controls” — 41 points, 9 days ago.

Stars per day

Bars are daily stars, the line is the usual pace. Red marks spike days.

Numbers

Total stars: 747
Stars in a day: 6
Forks: 31
Issues and pull requests: 3
Watchers: 1
Language: TypeScript
License: MIT
Created: August 15, 2026
Last push: September 19, 2026

Star trust

Growth looks organic: forks and discussion are in line with active projects, and stars arrive unevenly, the way people give them.

These are heuristics, not a verdict: we judge by the repository’s behavior, not by a list of stargazers.

Hacker News discussions

Drawably: Hand-Drawn UI Controls41 points, September 9, 2026

Spotted in

September 16, 2026Spotted on Hacker News
September 15, 2026Spotted on Hacker News
September 14, 2026Spotted on Hacker News

README badge

Paste it into your README — the badge shows the current magnitude and links to this page.

[![Seismograph](https://gitnova.dev/badge/danielwh2/drawably.svg?lang=en)](https://gitnova.dev/en/r/danielwh2/drawably)

Similar projects

5.0
webprodigies-org/flute
Flute turns real React components into cinematic 3D scenes: your coding agent composes camera, depth and motion, while Flute renders, plays back and exports MP4.

Early signalWeb & frontendTypeScript+41 stars in a day
4.6
coolbbcamp/OfficialSite
CoolBB agency's official site — an interactive Three.js 3D scene with an igloo HQ, a six-cube services portfolio, and entry holograms. A static site with patch scripts for content and asset builds.

Early signalWeb & frontendJavaScript+84 stars in a day
4.6
rit3zh/expo-dynamic-notifications
A React Native library that shows in-app notifications in a Dynamic Island style with goo morph animation, gestures and Skia rendering.

Early signalWeb & frontendTypeScript+41 stars in a day
3.1
shadcn-ui/ui
A set of React components built on Radix UI and Tailwind CSS that are copied into your project as source code rather than installed as a dependency. Aimed at developers who want to build their own UI library with full…

SteadyWeb & frontendTypeScript+40 stars in a day
2.8
vercel/next.js
Next.js is a React framework for building full-stack web applications with server rendering and Rust-based build tooling. Used by large companies for fast, universal sites.

SteadyWeb & frontendJavaScript+14 stars in a day
2.7
makepad/makepad
A cross-platform UI runtime and app/game development environment for Rust that compiles to wasm/WebGL, Metal, DX11 and OpenGL, with live-editable UI and integrated AI backends.

PeakingWeb & frontendRust+22 stars in a day