Drawably рисует кнопки от руки и заставляет штрих «кипеть»
Drawably: Hand-Drawn UI Controls
Drawably — библиотека UI-компонентов, которая при каждом монтировании генерирует новый рукописный эскиз на основе seed-случайности, а штрих «кипит», как анимированный дудл. Без зависимостей: около 9 КБ JS в gzip (React-обёртки добавляют меньше 1 КБ) и 3 КБ стилей. Поддерживаются кнопки, чекбоксы, радио, переключатели, поля ввода, карточки, бейджи, списки и композиты вроде табов и тултипов. Настоящие input остаются в DOM, поэтому клавиатура, формы и скринридеры работают как обычно.
Каждый вызов attach возвращает дескриптор эскиза: sketch.resketch() перерисовывает его с новым случайным seed, sketch.resketch(42) — с конкретным seed, а sketch.destroy() удаляет SVG и все слушатели.