Tessellation

Check out this tile generator.

Practically infinite patterns.

Use it for web and print.

Repeat in x and y direction to get a tessellation.

Every combination of text and scheme gives a unique design. Scheme is five hex colors merged. Default text is IP address. Default scheme is randomly picked. A type (png or svg) can be specified. Default is svg.

For route /random a random text is picked.

Examples

HTML

1
2
3
4
5
6
7
8
9
10
<div class="repeat"></div>
<style>
.repeat {
width: 400px;
height: 400px;
background: url('https://tessellation.herokuapp.com/random?type=png');
background-size: 25%;
background-repeat: repeat-x repeat-y;
}
</style>

JSFiddle

COMMAND LINE

Needs cURL installed.

1
$ curl https://tessellation.herokuapp.com/YOUR_TEXT?scheme=5555557bb38ef4f1d7f8ab65f15c4c

Random text and scheme.

1
$ curl https://tessellation.herokuapp.com/random > $(date +%s).svg