Preset

Color looks. Your other settings stay as they are.

Background

Colour showing through the gaps between tiles.

Front face

Colour of each flap's front face.

Back face

Colour of each flap's back face, seen mid-turn.

Edge

Colour of a flap's edge as it turns past side-on.

Free shaders, block studios and Export Kits are available without an account. Pro items are coming soon; their demos, studios and downloads will open in a later release. Purchasing is not open yet.

Columns48

Used when automatic sizing is off; rows preserve square tiles.

Gap0.1

Space between neighbouring tiles.

Perspective0.75

How strongly the near edge grows as the flap turns. At zero it only squashes, and stops reading as rotation.

Flap thickness0.1

How thick the flap's edge looks when it turns side-on.

Shading0.55

How much a flap darkens as it turns away from you.

Wave scale3.5

How many tiles one wave spans; higher values give shorter, more frequent waves.

Automatic sizing

On: tiles keep a fixed size in pixels, so bigger canvases show more of them. Off: a fixed number of columns scales with the canvas.

Tile size28px

Size of each tile in CSS pixels, used while automatic sizing is on.

Idle wave0

Off by default: the board lies flat and only the cursor turns the flaps.

Flip speed0.5

Overall speed of the flipping; 0 stops the board.

Wave speed0.9

How fast the wave rolls across the board.

Cursor kick3

How strongly tiles near the cursor flip on their own.

Opacity1

Opacity of the complete effect, including its background.

Background opacity1

Fade the background independently for transparent overlays.

Flip Tiles

Free

Palette

Structure

Motion

Compositing

Flip Tiles