Lattice Pattern

Make a lattice pattern, the criss-crossed openwork of straight strips used for trellis panels, screens and garden fences. Choose square, diagonal (at any angle from 15° to 75°), triangle or parallel slats, set the slat width and the gap in inches or centimetres, and pick a flat, layered or woven over-under look. Download a seamless SVG tile, a 300 DPI PNG or a PDF at full size. For a real panel, type its width and height: the plan counts the slats, gives the open area and a cut list, and the panel SVG has every opening as a closed path for a laser or CNC cutter. Every slat is clipped to the panel once, the open and solid areas add up to the panel and the weave alternates exactly (all tested). Nothing is uploaded.

100% private — everything runs in your browser. Everything runs in your browser; nothing is uploaded.

How to make a lattice pattern

1. Choose a preset or a layout: square, diagonal, triangle or parallel slats.
2. Set the slat width, the gap and (for diagonal or parallel slats) the angle.
3. Pick a look and the colours.
4. Download the SVG tile or the PDF at full size.
5. For a panel, tick Plan a panel, type its size and an optional solid frame, then download the PDF plan or the panel SVG.

What you can use it for

• Garden trellis and fence panels
• Privacy screens and room dividers
• Laser-cut and CNC panels, vents and grilles
• Porch skirting and deck lattice
• Fabric, wallpaper and tile designs
• Website and slide backgrounds (SVG tile)

The 14 presets

#	Preset	Layout	Slat / gap	Look	Open area	Repeat or panel
1	Garden trellis, diagonal	Diagonal 45°	1.5 / 3 in	Layered	44.44%	6.36 × 6.36 in
2	Square trellis	Square	1.5 / 3 in	Layered	44.44%	4.5 × 4.5 in
3	Privacy lattice (narrow gaps)	Diagonal 45°	1.5 / 1 in	Layered	16%	3.54 × 3.54 in
4	Tall diamonds (60°)	Diagonal 60°	1 / 2.5 in	Layered	51.02%	4.04 × 7 in
5	Wide diamonds (30°)	Diagonal 30°	1 / 2.5 in	Layered	51.02%	7 × 4.04 in
6	Woven diagonal	Diagonal 45°	1 / 1.5 in	Woven over and under	36%	3.54 × 3.54 in
7	Woven square	Square	1 / 1 in	Woven over and under	25%	4 × 4 in
8	Triangle lattice	Triangles	0.5 / 2 in	Flat	49%	2.89 × 5 in
9	Laser-cut screen panel	Square	0.38 / 1.25 in	Flat	59.17%	24 × 36 in panel
10	Parallel slats	Parallel slats	1.5 / 0.75 in	Flat	33.33%	2.25 × 2.25 in
11	Angled slats (30°)	Parallel slats 30°	1 / 1 in	Flat	50%	4 × 2.31 in
12	Fine diagonal grille	Diagonal 45°	0.25 / 0.5 in	Flat	44.44%	1.06 × 1.06 in
13	White lattice panel, 4 × 8 ft	Diagonal 45°	1.5 / 1.75 in	Layered	28.99%	48 × 96 in panel
14	Gold lattice on navy	Diagonal 45°	0.25 / 1.25 in	Flat	69.44%	2.12 × 2.12 in

Each preset only fills in the fields; change any size or colour afterwards.

Open area by slat and gap

Slat	Gap	Square	Diagonal 45°	Triangles	Parallel slats
1 in	1 in	25%	25%	6.25%	50%
1 in	2 in	44.44%	44.44%	25%	66.67%
1.5 in	3 in	44.44%	44.44%	25%	66.67%
1.5 in	1.75 in	28.99%	28.99%	9.47%	53.85%
1 in	3 in	56.25%	56.25%	39.06%	75%
0.5 in	1.25 in	51.02%	51.02%	32.65%	71.43%

The share of the lattice that is open, before any frame or cut slats at the edges.

Diagonal angles (1.5 in slats, 3 in gaps)

Angle from horizontal	Slats cross at	Repeat across	Repeat down
15°	30°	17.39 in	4.66 in
30°	60°	9 in	5.2 in
45°	90°	6.36 in	6.36 in
60°	120°	5.2 in	9 in
75°	150°	4.66 in	17.39 in

Panel examples (1.5 in slats, 1.75 in gaps)

Panel	Layout	Slats	Openings	Open area	Total slat length
48 × 96 in	Diagonal	31 + 31	452	28.99%	244.1 ft
24 × 36 in	Square	11 + 7	96	30.47%	43 ft
36 × 72 in, 1.5 in frame	Diagonal	23 + 23	232	25.84%	122.37 ft
48 × 96 in, 1.5 in frame	Square	29 + 15	420	26.32%	225 ft

For lattices of irregular cells, use the Voronoi Generator. To turn the panel SVG into a DXF for cutting, try SVG to DXF.

Which tool to use

You want	Use
Straight-slat trellis or lattice patterns, panels and cut lists	Lattice Pattern (this page)
Lattices of irregular cells, stained glass	Voronoi Generator
Star and rosette patterns	Islamic Geometric Pattern Generator
Square checks	Checkerboard Pattern Generator
Overlapping scale or scallop repeats	Fish Scale Pattern

Also handy: the Islamic Geometric Pattern Generator and the Checkerboard Pattern Generator.

Frequently asked questions

What is a lattice pattern?

An openwork framework made of criss-crossed strips, usually wood or metal. A trellis is the same kind of lattice used to support climbing plants.

How much of the lattice is open?

For square and diagonal lattices the open share is (gap ÷ (slat + gap))², for parallel slats it is gap ÷ (slat + gap). The tables above show common sizes, and the panel plan gives the exact open area of your panel, including the cut slats at the edges.

What angle should a diagonal lattice have?

45° gives square openings turned on point. Lower angles give wide diamonds and higher angles give tall diamonds. The angle is measured from the horizontal, so the slats cross at twice that angle.

What does the woven look do?

At each crossing one slat goes over and the other under, in a checkerboard order, like woven strips. It works with two directions: square or diagonal.

How many slats do I need?

Tick Plan a panel and type its width and height. The plan counts the slats in each direction and lists the length of every slat, measured along its long edge and along its centre line.

Can I cut it on a laser or CNC machine?

Yes. The panel SVG is at full size, with the outline of the panel and every opening as its own closed path. Check the sizes in your cutting software before you cut.

Will the tile repeat without a seam?

Yes. The SVG tile is one full repeat of the lattice, including the over-under order, so copies placed edge to edge join with no seam.

How is this different from the Voronoi generator?

The Voronoi generator makes lattices of irregular cells from random points. This page makes regular trellis lattices from straight slats of a set width, gap and angle, with a slat count and cut list.

Is it free?

Yes. There is no sign-up, no watermark and no limit.

Is anything uploaded?

No. Everything is drawn by JavaScript in your browser and nothing is sent anywhere.