Lattice

Lattice

A little structure. A little motion.

Lattice is an animated, interactive grid for Framer. Give a quiet section a little movement, or let the grid fill the whole background. Cells respond to your cursor with a single highlight or a wider proximity glow.

Adjust the colors, cell size, spacing, rounded corners and line style directly in Framer. Choose from eight flow directions, set the speed and fine-tune the hover effect to fit your site. No code needed.

The grid resizes with its container, pauses animation when it is offscreen and respects reduced-motion preferences when enabled.