React-Spark an sparking component 🚀

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

Features

• Sparkling Effects: Add visually appealing sparking ✨ 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:

npm i @kamiru/react-spark 

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 🌐

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

Configuration 📝

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

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