Blocks

Page sections you can preview, copy, and edit. Pick a layout, then copy that file. Each block is one file of doodle-ui components.

Hero

12 layouts

Hand-drawn UI

Badge, headline, two actions, and a short rule. Change the props or the markup.

5 layouts

From the margin

A single quote fills the slide. The dots underneath are the index — click one to hear someone else.

The third slide is the one people used to skip. With the draw-in, they stay long enough to read it.

Jules HartEditor, Northwind

I pasted the file, changed the names, and it still looked like someone on our team had sketched it.

Sam OrtegaFounder, Paper Co

Stakeholders stopped asking for more polish and started asking what the next page should say.

Lena VossBrand, Fieldnote

We used to hide quotes in a grid. One at a time, they finally sound like a person talking.

Priya NairProduct, Inkwell

01 / 04

5 layouts

On the page

The tall tile holds the promise. The short ones hold the proof. Nothing in the row is the same size.

✎

Borders wobble. Buttons, tabs, and forms still do the job they always did. The ink is decoration you can point at.

Seeds

Pin a number and the stroke does not jump on the next reload.

Themes

Flip the page dark. The stroke follows. You do not repaint the tiles.

From the keyboard