GradientBackground

Simple, minimalistic animated gradient background

Preview

Example code

export default function Page()
{
    return(
        <GradientBackground 
            color1={{rgb: {r: 255, g: 255, b: 255}}} 
            color2={{rgb: {r: 255, g: 255, b: 255}}} 
            color3={{rgb: {r: 255, g: 255, b: 255}}} 
            color4={{rgb: {r: 255, g: 255, b: 255}}} 
        />
    )
}

Props

NameTypeDescriptionDefault
color1ColorThe first color{ rgb: { r: 255, g: 255, b: 255 }}
color2ColorThe second color{ rgb: { r: 255, g: 255, b: 255 }}
color3ColorThe third color{ rgb: { r: 255, g: 255, b: 255 }}
color4ColorThe fourth color{ rgb: { r: 255, g: 255, b: 255 }}

Change log

30.06.2024

  • Added