This component is Part of the  Essential Components plugin. Browse and insert 30+ components directly in Framer. Start for free

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.