Tessellation

Check out tessellation.herokuapp.com.

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

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

Random text and scheme.

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