Related prompts
Gradient SVG
NexAura
Premium SVG background gradients designed for modern dashboards, bento layouts, landing pages, and UI systems. Each gradient is fully scalable, ultra-sharp, and optimized for web design — delivering smooth glow effects without the blur, pixelation, or quality loss common in PNG and JPEG backgrounds. Perfect for creating futuristic interfaces, ambient lighting, glassmorphism effects, and visually rich digital experiences.
Tech stack
ReactTailwind CSS
SVG
<svg width="1920" height="971" viewBox="0 0 1920 971" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_0_1" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="-150" width="1920" height="1121">
<rect y="-149.5" width="1920" height="1120" fill="#190A05"/>
</mask>
<g mask="url(#mask0_0_1)">
<g filter="url(#filter0_f_0_1)">
<path d="M1676.5 669C1871 669 1616.5 409.5 1935.5 409.5L2260 1093L1013 1227.5L-109 1093C-180.5 920 -423.2 510.5 -204 514.5C70.0001 519.5 95.0001 604 379.5 604C664 604 808.5 479.5 639 320C923 320 1482 669 1676.5 669Z" fill="#2D40E0"/>
</g>
<g filter="url(#filter1_f_0_1)">
<path d="M1477 763.5C1796.2 851.1 1934 788.333 1970.5 763.5L2150 1112.5L1596.5 1267.5L-104 1182.5C-167.167 1106 -226.7 950 40.5 938C374.5 923 399.5 789 689 689C978.5 589 1078 654 1477 763.5Z" fill="url(#paint0_linear_0_1)"/>
</g>
<g filter="url(#filter2_f_0_1)">
<path d="M998 1108C1127.5 1118 1761 1118 1766 973C1676.5 913 1292.1 856.5 1132.5 848.5C933 838.5 534 953.5 514 1018C494 1082.5 868.5 1098 998 1108Z" fill="#FFFDF2"/>
</g>
</g>
<defs>
<filter id="filter0_f_0_1" x="-613.663" y="0" width="3193.66" height="1547.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="160" result="effect1_foregroundBlur_0_1"/>
</filter>
<filter id="filter1_f_0_1" x="-445.781" y="351.468" width="2883.78" height="1204.03" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="144" result="effect1_foregroundBlur_0_1"/>
</filter>
<filter id="filter2_f_0_1" x="321.229" y="655.888" width="1636.77" height="647.839" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="96" result="effect1_foregroundBlur_0_1"/>
</filter>
<linearGradient id="paint0_linear_0_1" x1="374.5" y1="928" x2="1980.5" y2="953.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#7DF0FF"/>
<stop offset="1" stop-color="#FF73EA"/>
</linearGradient>
</defs>
</svg>
0 copies