geometriclightNew

Diagonal Stripes

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

<div className="min-h-screen w-full bg-white relative">  {/* Diagonal Stripes Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: "repeating-linear-gradient(45deg, transparent, transparent 2px, #f3f4f6 2px, #f3f4f6 4px)",    }}  />     {/* Your Content/Components */}</div>

background.tsx10 lines · TSX

Related geometric

Navy Hairlinelight Mist Crosshatchlight Quiet Columnslight Pale Diagonallight Soft Blueprintlight Graph Paperlight

Back to library

Paper Texture Diagonal Grid - Light

geometriclightNew

Diagonal Stripes

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

<div className="min-h-screen w-full bg-white relative">  {/* Diagonal Stripes Background */}  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: "repeating-linear-gradient(45deg, transparent, transparent 2px, #f3f4f6 2px, #f3f4f6 4px)",    }}  />     {/* Your Content/Components */}</div>

background.tsx10 lines · TSX

Related geometric

Navy Hairlinelight Mist Crosshatchlight Quiet Columnslight Pale Diagonallight Soft Blueprintlight Graph Paperlight