tilez

A generic layout engine for Svelte components.

See GitHub for documentation.

In the following, we consider one sample tilez layout for several different document types. There are 20 tiles in total in view hierarchy: 1 root tile, 7 nested, stacked tiles and 12 (visible) leaf tiles. In principle, props of all tiles are reactive. Exemplarily, you can control props for the first three most outer tiles (including the whole outer horizontal stack).

Root Tile

200px
200px
4px
2px

Left Inner Tile

50%
100%
4px
0px

Right Inner Tile

50%
100%
4px
0px

html

svg

canvas

webgl

Mixed

@spren9er