Mesh Gradient

<div style="width:100%;min-height:200px;border-radius:12px;background-color:#ff99ee;background-image:radial-gradient(at 40% 20%,#6366f1 0px,transparent 50%),radial-gradient(at 80% 0%,#f97316 0px,transparent 50%),radial-gradient(at 0% 50%,#84cc16 0px,transparent 50%),radial-gradient(at 80% 50%,#06b6d4 0px,transparent 50%),radial-gradient(at 0% 100%,#a855f7 0px,transparent 50%)"></div>

Customize

Base Color

#ff99ee

Accent 1

#6366f1

Accent 2

#f97316

Border Radius

Props

Name	Type	Default	Description
`baseColor`	color	`#ff99ee`	Base background color
`accent1`	color	`#6366f1`	Radial color 1
`accent2`	color	`#f97316`	Radial color 2
`borderRadius`	slider (px)	`12px`	Corner roundness

Mesh gradient background

gradientmeshcolorful