React-Spark an sparking component :rocket:

A lightweight and customizable sparking component for enhancing your web applications.

Features

• Sparkling Effects: Add visually appealing sparking :sparkles: effects to your elements.

• Customizable: Easily customize the appearance and behavior of the sparking component.:tada:

• Responsive: Works seamlessly on various screen sizes.:fire:

Install the package using npm:

Usages:

import SparkContainer from '@kamiru/react-spark';

const App = () => {
  
  return (
    <SparkContainer>
      <div>
        <button>
        <a href="use any link you want">click here</a>
        </button>
      </div>
    </SparkContainer>
  );
};

export default App;

Demo :globe_with_meridians:

Visit our Demo Page to see the sparking component in action.

Configuration :memo:

You can configure the sparking component by passing pros during initialization. Here's an example:

<SparkContainer distance={number} sparkElementWidth={number} randomnessOn={boolean}>
            
</SparkContainer>