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/Prismatic Aurora Burst
Back to library
Soft Rose Glow Dual CornersCosmic Nebula
gradientsdarkNew

Prismatic Aurora Burst

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

Related gradients

  • Cyan Meshdark
  • Pulse Veildark
  • Navy Voiddark
  • Amber Horizondark
  • Deep Washdark
  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
  16. 16
<div className="min-h-screen w-full relative bg-black">    {/* Prismatic Aurora Burst - Multi-layered Gradient */}    <div      className="absolute inset-0 z-0"      style={{        background: `          radial-gradient(ellipse 120% 80% at 70% 20%, rgba(255, 20, 147, 0.15), transparent 50%),          radial-gradient(ellipse 100% 60% at 30% 10%, rgba(0, 255, 255, 0.12), transparent 60%),          radial-gradient(ellipse 90% 70% at 50% 0%, rgba(138, 43, 226, 0.18), transparent 65%),          radial-gradient(ellipse 110% 50% at 80% 30%, rgba(255, 215, 0, 0.08), transparent 40%),          #000000        `,      }}    />    {/* Your Content/Components */}  </div>
background.tsx16 lines · TSX

Related gradients

Cyan MeshdarkPulse VeildarkNavy VoiddarkAmber HorizondarkDeep WashdarkDeep Dual Glowdark