three themes
One prop. Three aesthetics.
Set theme globally via CrumbleProvider or override per-component.
Light, delicate, 1px strokes
Bold, confident, 2px strokes
Thick, waxy, 3.5px strokes
what ships
Everything you need. All interactive.
Every card below is a live component
bar chart
line chart
pie chart
Revenue
$48,200
Active users
3,841
Churn rate
2.4%
sparklines
card · stacked paper
Q2 roadmap
Finalise component API, ship docs site, open beta.
Design review
Walk through new specs with the team on Thursday.
sticky notes
Ship it
Bug
Idea
Done ✓
distribution
why byDefaultHuman?
Designed to be different
Rough.js powered
Every border, line, and shape is generated at runtime by Rough.js — no PNGs, no SVG assets, no icon fonts.
You own the code
shadcn-style install: one command copies the component source into your repo. Update it however you like.
Three sketch themes
Switch between pencil, ink, and crayon globally or per-component with a single prop.
Animates on mount
Paths draw themselves into existence on first render. No configuration needed — it just works.