Bubbles — bubbles

PREVIEW

USAGE

case 'glass-button': return ; case 'neon-glow': return ; case 'floating-button': return ;

import { Bubbles } from '@oalacea/chaosui/backgrounds/bubbles';

<Bubbles />
<Bubbles count={40} color="rgba(255, 0, 100, 0.15)" />
<Bubbles minSize={10} maxSize={50} speed={1.5} />

PROPS

PropTypeDefault

countNumber of bubbles

number20

minSizeMinimum bubble size in pixels

number20

maxSizeMaximum bubble size in pixels

number80

speedAnimation speed multiplier

number1

colorBubble color (rgba or hex)

string"rgba(255, 255, 255, 0.1)"

positionFixed or absolute positioning

"fixed" | "absolute""fixed"