Background patterns

[techniq]

• Grid
  • CSS grid pattern (repeating-linear-gradient)
  • CSS gradient graph paper (conic-gradient)
  • CSS-only Grid of dashed lines
  • https://lunarui.dev/components/patterns/grid-pattern
• Checkboard
  • CSS checkboard pattern
  • webkit-mask checkerboard transparent
  • https://ui.aceternity.com/components/grid-and-dot-backgrounds
  • https://ui.aceternity.com/components/background-boxes
• Lines
  • Vertical grid lines with CSS linear-gradient
  • Dark diagonal dash
• Dot
  • Dot grid background gradient
  • Pixelated blurry background
• Other
  • Codepen collection
  • https://css-pattern.com/
  • Pure CSS 1 div card patterns (no SVG, no images other than CSS gradients)
  • https://ui.aceternity.com/components/spotlight
  • https://observablehq.com/@syaleni/hatches
• Animated
  • https://ui.aceternity.com/components/background-beams
  • https://ui.aceternity.com/components/meteors
  • https://ui.aceternity.com/components/sparkles