Gradient Background

A background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.

Installation

Prop	Type	Default
`children?`	`React.ReactNode`	-
`className?`	`string`	-
`transition?`	`Transition`	`{ duration: 15, ease: 'easeInOut', repeat: Infinity }`

Bubble Background

An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.

Hexagon Background NEW

A background component featuring a hexagon grid pattern, creating a unique and engaging visual effect.