Preview component A clean, static grid pattern of circles, diamonds, squares, or triangles — fully customizable spacing, size, stroke, and randomization, for that subtle "dashboard/design-tool" texture behind your content.
Features
4 shape types — Circle, Diamond, Square, or Triangle grid pattern
Independent X/Y spacing — control horizontal and vertical gaps separately for square or rectangular grids
Fill & Stroke — set separate colors for the shape fill and its outline, with adjustable Stroke Width
Size Range — add random size variation per dot for a more organic, hand-placed feel instead of a perfectly uniform grid
Opacity Range — randomize opacity per shape for subtle depth and texture
Built in Paper style, running on a lightweight, zero-dependency shader engine for smooth performance
Controls
Background Color
Fill Color
Stroke Color
Shape
Size
Gap X
Gap Y
Stroke Width
Size Range
Opacity Range
Scale / Rotation / Offset
How to use
Add the Dot Grid component onto your canvas
Pick a Shape — Circle and Square feel clean and technical, Diamond and Triangle feel more decorative
Set Gap X and Gap Y to control the density of the grid
Adjust Size and Stroke Width to style each individual shape
Add Size Range and/or Opacity Range for a more organic, less mechanical look
Shader powered by Paper Shaders.
Refund Policy:
Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.
Support: hi@alicorak.com
Preview component A clean, static grid pattern of circles, diamonds, squares, or triangles — fully customizable spacing, size, stroke, and randomization, for that subtle "dashboard/design-tool" texture behind your content.
Features
4 shape types — Circle, Diamond, Square, or Triangle grid pattern
Independent X/Y spacing — control horizontal and vertical gaps separately for square or rectangular grids
Fill & Stroke — set separate colors for the shape fill and its outline, with adjustable Stroke Width
Size Range — add random size variation per dot for a more organic, hand-placed feel instead of a perfectly uniform grid
Opacity Range — randomize opacity per shape for subtle depth and texture
Built in Paper style, running on a lightweight, zero-dependency shader engine for smooth performance
Controls
Background Color
Fill Color
Stroke Color
Shape
Size
Gap X
Gap Y
Stroke Width
Size Range
Opacity Range
Scale / Rotation / Offset
How to use
Add the Dot Grid component onto your canvas
Pick a Shape — Circle and Square feel clean and technical, Diamond and Triangle feel more decorative
Set Gap X and Gap Y to control the density of the grid
Adjust Size and Stroke Width to style each individual shape
Add Size Range and/or Opacity Range for a more organic, less mechanical look
Shader powered by Paper Shaders.
Refund Policy:
Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.
Support: hi@alicorak.com
Ali Çorak
