Artboard

Phone-sized canvas frames for prototyping mobile UI. Wraps a <div class="artboard"> with optional artboard-phone-N sizing, artboard-horizontal, and artboard-demo.

Phone sizes

Six preset sizes (phone=1 through phone=6). Scroll horizontally to see all.

All phone sizes — portrait

Phone 1

phone=1

Phone 2

phone=2

Phone 3

phone=3

Phone 4

phone=4

Phone 5

phone=5

Phone 6

phone=6

Horizontal (landscape)

Add horizontal prop to flip the artboard to landscape orientation.

phone=1 horizontal

Landscape

Custom content

Slot any content inside — the artboard is just a sized container.

phone=3 with a mock UI