react-background-bubbles

React Bubbles Component

A React component that creates animated bubbles on the background.

Table of Contents

• Demo
• Installation
• Usage
• Props
• License

Demo

Include a link or GIF demonstrating your component in action.

Installation

Install the component using npm:

npm install react-background-bubbles

## USAGE

import React from 'react';
import Bubbles from 'react-bubbles-component';

const App = () => {
  return (
    <div>
      <Bubbles
        bubblesCount={30}
        bubbleContainerBg="#3498db"
        bubbleOneBg="white"
        bubbleTwoBg="black"
      >
        <YourCOmponent/>
      </Bubbles>
    </div>
  );
};

export default App;

## Props

bubblesCount (optional): Number of bubbles to display. Default is 34.
bubbleContainerBg (optional): Background color of the container. Default is "#3498db".
bubbleOneBg (optional): Color of bubbles with even indices. Default is "white".
bubbleTwoBg (optional): Color of bubbles with odd indices. Default is "black".
children (optional): Additional components or content to be rendered inside the container.