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/Zigzag Lightning - Light
Back to library
Diagonal Grid - ElectricCircuit Board - Light
geometriclightNew

Zigzag Lightning - Light

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

Related geometric

  • Navy Hairlinelight
  • Mist Crosshatchlight
  • Quiet Columnslight
  • Pale Diagonallight
  • Soft Blueprintlight
  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
<div className="min-h-screen w-full bg-white relative text-gray-800">  {/* Zigzag Lightning - Light Pattern */}  <div    className="absolute inset-0 z-0 pointer-events-none"    style={{      backgroundImage: `        repeating-linear-gradient(0deg, transparent, transparent 20px, rgba(75, 85, 99, 0.08) 20px, rgba(75, 85, 99, 0.08) 21px),        repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(107, 114, 128, 0.06) 30px, rgba(107, 114, 128, 0.06) 31px),        repeating-linear-gradient(60deg, transparent, transparent 40px, rgba(55, 65, 81, 0.05) 40px, rgba(55, 65, 81, 0.05) 41px),        repeating-linear-gradient(150deg, transparent, transparent 35px, rgba(31, 41, 55, 0.04) 35px, rgba(31, 41, 55, 0.04) 36px)      `,    }}  />  {/* Your Content/Components */}</div>
background.tsx15 lines · TSX

Related geometric

Navy HairlinelightMist CrosshatchlightQuiet ColumnslightPale DiagonallightSoft BlueprintlightGraph Paperlight