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

Tiles v3

Tiles v3

How it works

Tiles v3 is a nestable block element that also contains a Content element. All your elements have to be put inside this Content element. A 3D grid of tiles sits behind the content. Tiles pick a color on hover and then fade back.
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.
Background: background of the element.

Tiles controls

Box Size: size of each tile.
Border Width: border width of each tile.
Border Color: border color of each tile.
Rotate X: rotation of the grid on the X axis.
Rotate Y: rotation of the grid on the Y axis.
Rotate Z: rotation of the grid on the Z axis.
Fill Grid: adds extra rows and columns. Increase it for high rotations so the grid still covers the element.

Colors controls

Colors: repeater of colors. On hover, a tile picks one of these colors at random.

Animation controls

Fade Duration: duration of the color fade when leaving a tile.
Disable in the Builder: if enabled, the animation will be disabled at the builder.

– Tamu

On this page