Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Getting started
Jose Tamu
September 18, 2026 /  Beginner /  Light

Tiles v4

Tiles v4

How it works

Tiles v4 is a nestable block element that also contains a Content element. All your elements have to be put inside this Content element. A THREE.js grid of cubes sits behind the content. Cubes rise as a wave that follows the pointer.
HTML tag: HTML tag of the element.
Custom tag: used when HTML tag is set to custom.

Style controls

Width: width of the element.
Height: height of the element.

Tiles controls

Grid Size: number of cubes on each side of the grid.
Cube Width: width of each cube.
Cube Height: height of each cube.
Gap: space between cubes.

Colors controls

Base Color: color of the cubes at rest.
Wave Color: color of the cubes when they rise.

Wave controls

Amplitude: how high the wave lifts the cubes.
Speed: speed of the wave.
Frequency: how many wave crests run across the grid.
Width: width of the wave along the grid.
Jitter: random variation applied to cube heights.
Max Height: maximum cube height.

Trail controls

Fade Time: how long a raised cube takes to settle back.
Spacing: space between trail samples following the pointer.
Idle Waves: if enabled, the wave keeps moving when the pointer is idle.

Camera controls

Distance: camera distance from the grid.
Follow Mouse: if enabled, the camera follows the pointer.

Animation controls

Disable in the Builder: if enabled, the animation will be disabled at the builder.

– Tamu

On this page