Hand-drawn React UI,
deliberately unfinished.
blackchalk is a low-fidelity, monochrome component library. Wireframe-style UI that looks sketched, so people react to the idea instead of the pixels. Themeable, SSR-friendly, no runtime CSS-in-JS.
npm install blackchalkBuilt with
Everything below is a real blackchalk component
Buttons
Inverted surface
Tokens flip automatically — author once, invert for free.
A whole sketchbook, not just a button
Hand-drawn
Every surface is rendered with rough.js, so UI looks sketched — people react to the idea, not the pixels.
Monochrome & themeable
A single-hue ramp drives the whole system. Flip the provider for instant light or dark.
SSR-friendly
No runtime CSS-in-JS. Ships a single stylesheet and renders cleanly on the server.
Accessible primitives
Buttons are real buttons, inputs are real inputs. The sketch is paint over solid semantics.
Tokens included
Colors, fills, strokes and typography are exported tokens you can build your own components from.
~70 components
Primitives, composed widgets, charts, layout and e-commerce patterns — not just a button kit.
Sketch your next idea
Install the package, import the stylesheet, and start wireframing in real React.