CSS Patterns

Size

Width

px

Height

px

Space new variant

Presets

Settings

Brand palette

No brand palette yet. Create one in the Brand Kit

Layers

1 of 5

Arrow keys select, add Alt to move, Delete removes.

Edit Layer 1

Pattern

Size

Color

Opacity

Background

Transparent

Keyboard shortcuts

Keyboard shortcuts
Keys	Action
`Space`	New variant
`⌘/CtrlZ`	Undo
`⇧⌘/CtrlZ`or`CtrlY`	Redo
`←`	Previous variant
`→`	Next variant
`0`	Zoom to fit
`1`	Zoom to 100%
`⌘/CtrlS`	Save
`⌘/CtrlE`	Open export
`⌘/Ctrl⇧C`	Copy as PNG
`⌘/Ctrl⇧K`	Switch light and dark
`?`	This overview

Shortcuts pause while you type in a field.