Drawably: Handgezeichnete UI-Controls, die bei jedem Mount neu skizzieren

Drawably: Hand-Drawn UI Controls

Drawably ist eine Bibliothek für handgezeichnete UI-Controls. Jeder Mount erzeugt eine frische Skizze aus seeded randomness, und die Striche brodeln wie eine animierte Zeichnung. Sie ist abhängigkeitsfrei, wiegt etwa 9 KB gzipped (React-Wrapper unter 1 KB) plus ein 3 KB Stylesheet. Enthalten sind Buttons, Checkboxen, Radios, Toggles, Inputs, Textareas, Selects, Divider, Cards, Badges und Listen – jeweils mit React-Pendant. Textdekorationen wie Unterstreichungen, Highlights, Kreise und Pfeile sowie Komposite wie Chips, Tabs, Tooltips, Alerts, Steps, Kbd, Quotes und Pager runden das Angebot ab. Die echten Inputs bleiben im DOM, sodass Tastatur, Formulare und Screenreader normal funktionieren.