holi-splash
Version:
A React component that adds a Holi color splash effect on clicks šØ
45 lines (33 loc) ⢠1.23 kB
Markdown
Holi Splash is a simple React component that adds a **color splash effect** when users click anywhere on the screen. Perfect for **Holi celebrations** or any fun, interactive website. šāØ
[](


You can install it via npm:
```sh
npm install holi-splash
š ļø Usage
Simply import and use the HoliSplash component in your React project:
import React from "react";
import HoliSplash from "holi-splash";
function App() {
return (
<div>
<HoliSplash />
</div>
);
}
export default App;
šØ Features
Color splashes appear on mouse clicks š±ļø
Beautiful animated effect š«
Easy to integrate in any React website āļø
Customizable with colors, sizes, and animations š
āļø Props (Customization)
Prop Type Default Description
colors array ["#FF3E4D", "#00C9A7", "#FFC93C", "#1B9CFC", "#D980FA"] Customize the splash colors
radius number 50 Set the splash radius
fadeSpeed number 500ms Adjust fade-out animation