UNPKG

holi-splash

Version:

A React component that adds a Holi color splash effect on clicks šŸŽØ

45 lines (33 loc) • 1.23 kB
# šŸŽØ Holi Splash - A Festive Color Effect for React! 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. 🌈✨ ## šŸš€ Demo [Live Demo](#) *(Add your demo link here)* ## šŸ“ø Screenshot ![Holi Splash Demo](screenshot.png) ![Holi Splash Demo](screenshot2.png) ## šŸ“¦ Installation 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