Skip to content

component

Dot Grid

By Ali Çorak

Details

Summary

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…

Description

Unlock entire Depth library for $149. One price. Lifetime. Get Depth 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

Introduction

Static grid pattern

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600168978/148/228/309/79/15
  • All · #6728