ReactBD BG is a ReactBD tool.

More developer utilities, courses, and resources live on the main site.

Visitreactbd.com

Social

GuideCreditsAll tools

© 2026 ReactBD. ReactBD BG is a ReactBD product.

ReactBDBG
LibraryGuideCredits
ReactBD/Tools/Backgrounds/Left Masked Noise Texture (Darker Dots)
Back to library
Right Masked White Grid with DotsRight Masked Noise Texture (Darker Dots)
geometricdarkNew

Left Masked Noise Texture (Darker Dots)

Full-page view of this background so you can judge contrast, type, and chrome.

Related geometric

  • Signal Griddark
  • Signal Driftdark
  • Blueprint Darkdark
  • Carbon Linesdark
  • Ink Meshdark
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
<div className="min-h-screen w-full bg-white relative">  {/* Left Masked Noise Texture (Darker Dots) Background */}  <div    className="absolute inset-0 z-0"    style={{      background: "#ffffff",      backgroundImage: "radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.35) 1px, transparent 0)",      backgroundSize: "20px 20px",       WebkitMaskImage:            "linear-gradient(to left, #000 0%, #000 50%, transparent 20%, transparent 100%)",          maskImage:            "linear-gradient(to left, #000 0%, #000 50%, transparent 20%, transparent 100%)",    }}  />     {/* Your Content/Components */}</div>
background.tsx16 lines · TSX

Related geometric

Signal GriddarkSignal DriftdarkBlueprint DarkdarkCarbon LinesdarkInk MeshdarkNight Crossdark