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/Cosmic Noise
Back to library
Deep Ocean GlowVolcanic Ember
effectsdarkNew

Cosmic Noise

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

Related effects

  • Orbit Glowdark
  • Ember Cornerdark
  • Scan Glowdark
  • Signal Pulse Navydark
  • Deep Vignettedark
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
<div className="min-h-screen w-full bg-black relative">  {/* Cosmic Noise */}  <div    className="absolute inset-0 z-0"    style={{      background: "radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0%, transparent 40%), radial-gradient(circle at 80% 30%, rgba(255,255,255,0.05) 0%, transparent 40%), linear-gradient(120deg, #0f0e17 0%, #1a1b26 100%)"    }}  />  {/* Your Content/Components */}</div>
background.tsx10 lines · TSX

Related effects

Orbit GlowdarkEmber CornerdarkScan GlowdarkSignal Pulse NavydarkDeep VignettedarkQuiet Auroradark