Components

The RoughJS provider and hooks every Sketchcn component draws through.

A Base UI button with hand-drawn style in shadcn conventions.

A card container with hand-drawn style in shadcn conventions.

A Base UI avatar clipped inside its hand-drawn outline.

An alert callout with hand-drawn style in shadcn conventions.

A Base UI dialog with hand-drawn style in shadcn conventions.

A Base UI sheet with hand-drawn style in shadcn conventions.

A Base UI separator with hand-drawn style in shadcn conventions.

A hand-drawn navigation panel that floats inside the page layout.

A hand-drawn loading placeholder that animates its hachure shading.

A Base UI toast with hand-drawn style in shadcn conventions.

A Base UI tooltip with hand-drawn style in shadcn conventions.

A pressable Base UI toggle with hand-drawn style in shadcn conventions.

A Base UI switch with hand-drawn style in shadcn conventions.

A Base UI checkbox with a hand-drawn box and a seeded, wobbling Matita tick.

Base UI tabs with hand-drawn style in shadcn conventions.

A native select with hand-drawn style in shadcn conventions.

A Base UI input with hand-drawn style in shadcn conventions.

A textarea with hand-drawn style in shadcn conventions.