Grid Fade is a Framer component for a grid background with a built-in vignette. The center or the edges fade so that text sits cleanly on top.

Add it from the Framer Marketplace, or copy the link into your project, and place it behind your content. Choose center or edge fade, then set grid density, line weight, grid color and background. Fade shape and intensity are adjustable. It works in light and dark mode, and it’s free. Put a heading on top and adjust the fade until the text is easy to read.