multiGrid Background
A lightweight background pattern component with three grid styles — dots, crosses, and lines. Fully responsive, blend-mode aware, and canvas-friendly with zero configuration needed.
About this Component
DotGrid is a zero-dependency background pattern component built for Framer. Drop it behind any section or hero to add subtle texture without touching code.
Three pattern styles Choose between dots, crosses, and lines — each with individually tunable size and spacing.
Responsive or fixed spacing :Drive the grid density from a column count that adapts to the container width, or lock it to a fixed cell size.
Blend mode support :Composite the pattern over colored backgrounds using Multiply, Screen, Overlay, Soft Light, or Difference blend modes.
Fine-grained controls :Adjust dot size, color, opacity, X/Y offset, and blend mode entirely from the property panel — no code required.
