Beta
Animate UI

Bubble Background

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

Made by imskyleen

Installation

Usage

<BubbleBackground />

Props

PropTypeDefault
colors?
object
{ first: '18,113,255', second: '221,74,255', third: '0,220,255', fourth: '200,50,50', fifth: '180,180,50', sixth: '140,100,255', }
transition?
SpringOptions
{ stiffness: 100, damping: 20 }
interactive?
boolean
false
children?
React.ReactNode
-

Credits

Built by Skyleen. The source code is available on GitHub.

On this page