CSS background patterns — checkerboard, grid, zigzag and crosshatch
Four pure-CSS background patterns (no images) plus a word & character counter.
A new set of pure-CSS background patterns landed — no images, infinitely scalable, themeable with a couple of variables. Each has a live, editable preview.
Pattern snippets
- Checkerboard — a two-color board from one
conic-gradient. - Graph paper grid — ruled cells from two
crossing
linear-gradients. - Zigzag — an interlocking chevron pattern.
- Crosshatch — woven diagonal hatching, easy to turn into plaid.
These join the existing dotted grid and diagonal stripes for a solid pattern set.
Tool
- Word & character counter — characters, words, lines, sentences and reading time, live as you type.
Now at 31 tools and 24 snippets. Browse snippets, tools, or subscribe via RSS.