Small Grid

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

<div className="min-h-screen w-full bg-[#0f0f0f] relative text-white">  {/* Small Grid Pattern */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        linear-gradient(to right, #262626 1px, transparent 1px),        linear-gradient(to bottom, #262626 1px, transparent 1px)      `,      backgroundSize: "20px 20px",    }}  />  {/* Your Content/Components */}</div>

background.tsx14 lines · TSX

Related geometric

Signal Griddark Signal Driftdark Blueprint Darkdark Carbon Linesdark Ink Meshdark Night Crossdark

Back to library

Dark Dot Matrix Black Grid with White Dots

geometricdarkNew

Small Grid

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

<div className="min-h-screen w-full bg-[#0f0f0f] relative text-white">  {/* Small Grid Pattern */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `        linear-gradient(to right, #262626 1px, transparent 1px),        linear-gradient(to bottom, #262626 1px, transparent 1px)      `,      backgroundSize: "20px 20px",    }}  />  {/* Your Content/Components */}</div>

background.tsx14 lines · TSX

Related geometric

Signal Griddark Signal Driftdark Blueprint Darkdark Carbon Linesdark Ink Meshdark Night Crossdark