click..

An interactive button playground featuring colorful animations, sound effects, and click counters.

Features

Interactive Buttons

• Nadpray - Triggers a colorful confetti explosion
• Rave - Changes colors randomly with each click
• Sussy - Grows and shrinks with a bouncy animation
• Keonegg - Flips between horizontal and vertical rotations
• Nadbulb - Toggles between light and dark mode

Additional Features

• Click counters for each button
• Secret button with sound effect (look for the 💪🏻 in the bottom right!)
• Responsive design that works on both desktop and mobile
• Smooth animations and transitions
• Modern, clean UI with consistent styling

Setup

1. Clone this repository
2. Make sure all image files are in the root directory:
   • nadpray.png
   • bone.png
   • sussy.png
   • keonegg.png
   • nadbulb.png
   • boom.mp3 (for sound effect)

Usage

Simply open home.html in a modern web browser to start playing with the buttons. Each button has its own unique animation and keeps track of how many times you've clicked it.

Technical Details

Built with:

• HTML5
• CSS3
• Vanilla JavaScript
• Custom animations and transitions
• Responsive grid layout
• Google Fonts (Poppins)

Color Palette

• Purple: #836EF9
• Deep Blue: #200052
• Berry: #A0055D
• Black: #0E100F
• Off-white: #FBFAF9

Browser Support

Works best in modern browsers that support:

• CSS Grid
• Flexbox
• CSS Transitions
• Web Audio API