Docs
Floating Bubble Backgroud
Floating Bubble Backgroud
A amazing Floating Bubble Backgroud
Installation
Install the following dependencies:
npm install framer-motionCopy and paste the dot code into your project.
API Reference
Props
| Prop | Type | Description |
|---|---|---|
x | number | The horizontal position of the bubble on the screen. |
y | number | The vertical position of the bubble on the screen. |
size | number | The size (width and height) of the bubble |
color | string | The color of the bubble |
Usage
export default function Demo() {
return (
<div className="h-[600px] flex items-center justify-center overflow-hidden bg-gray-900 dark:bg-gray-900">
<FloatingBubbles />
</div>
)
}