MatrixRevealLoader — A tile overlay that clears itself

Matrix Reveal Loader is a transition overlay for Framer. It covers the entire screen with a grid of solid tiles, then removes them in a fast, accelerating dissolve, revealing the content beneath.

The grid is fully responsive. Tiles always stay perfectly square at any screen size, filling the screen edge to edge with no gaps.

What you can customize

• Grid Column - control the density of the tile grid (2 to 30)

• Color - match your desired color

• Reveal Mode - determines the directional pattern of the dissolve:

  • Random

  • Vertical

  • Horizontal

  • Diagonal

  • Anti-Diagonal

  • From Center

  • Rain

  • Spiral

• Auto Play - trigger on load or manually via interaction (On / Off)

• Start Delay - delay the animation start (0 to 5000ms)

• Speed - adjust animation speed with a multiplier (0.5x to 2x)

Use Cases

• Page loadings

• Images and cards hover effect

• Transitions between pages