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/Graph Paper
Back to library
Soft BlueprintLegal Pad
geometriclightReactBD

Graph Paper

Fine 8px grid with a stronger 40px module

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-[#fbfcfe] relative">  <div    className="absolute inset-0 z-0"    style={{      backgroundImage: `      linear-gradient(to right, rgba(0,29,61,0.05) 1px, transparent 1px),      linear-gradient(to bottom, rgba(0,29,61,0.05) 1px, transparent 1px),      linear-gradient(to right, rgba(0,29,61,0.1) 1px, transparent 1px),      linear-gradient(to bottom, rgba(0,29,61,0.1) 1px, transparent 1px)    `,      backgroundSize: "8px 8px, 8px 8px, 40px 40px, 40px 40px",    }}  />  <div className="relative z-10">{/* Your content */}</div></div>
background.tsx15 lines · TSX

Related geometric

Navy HairlinelightMist CrosshatchlightQuiet ColumnslightPale DiagonallightSoft BlueprintlightWhisper Stripeslight