Welcome to the "button-will-react" project, a harmless prank meant for fun and entertainment!
This project features a button that playfully moves away from your cursor when you hover over it, or do something that you didn't expect. It's a lighthearted experiment to showcase a interactive element using HTML, CSS, and JavaScript.
1. Sign-in button
- a untouchable sign-in button, even enter not gonna work , it will throw an alert.
Live preview - Hit here!
2. Propose
- a untouchable no button, your partner have to choose yes.
- read README.txt from 2-propose folder for more details and improve it.
Live preview - Hit here!
3. Valentine
- a fun way to propose your partner on valentine.
Live preview - Hit here!
4. get_partner
- enter your preference and get partner (me).
Live preview - Hit here!
5. love_on_hover
- Contributed project by Tahsin Zidane
- hover me and get love ❤️
Live preview - Hit here!
6. boom_btn
- click the button and BOOM!
Live preview - Hit here!
7. love_on_hover_v2
- Contributed project by Tahsin Zidane
- hover me and get love v2 ❤️
Live preview - Hit here!
8. starboy69
- internet meme _ starboy69 login project.
Live preview - Hit here!
9. button_lol
Inspired from Project 1 but with a different approach
Live preview - Hit here!
10. cursor_possession
Your cursor afraid of button.
Live preview - Hit here!
11. soulInsta
Find your match on Instagram
Live preview - Hit here! (LTS)
Check out main repo of SoulInsta - Here
12. soulInsta V2 (Side project of main soulInsta)
Live preview - Hit here!
13. rickroll
Feeling down? Click to get happiness but get rickrolled lol, (Send this to your homie).
Live preview - Hit here!
If you have a cool prank or an interesting project that you'd like to share, please feel free to open an issue or submit a pull request. We'll review it and add it to the list!
Contributions to this project are welcome! If you have ideas for improvements or fun additions, please read our CONTRIBUTING.md and feel free to open an issue or submit a pull request.
You can also use funny moving effect to your any custom button, Just follow few steps below -
<script src="https://cdn.jsdelivr.net/gh/iamovi/button-will-react@cdn/dist/min/v1.0.0/move.min.js"></script>- add this cdn to your project file.
And -
<button class="button_will_react">Click Me!</button>- just add class
button_will_reactto your button.
That's it.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- button-will-react-->
<button class="button_will_react">Click Me!</button>
<!-- button-will-react CDN -->
<script src="https://cdn.jsdelivr.net/gh/iamovi/button-will-react@cdn/dist/min/v1.0.0/move.min.js"></script>
</body>
</html>- now your button will move away from your cursor!
This project is entirely safe and contains no malicious content. It's designed for educational and entertainment purposes only. You can explore the code and use it to learn about web development techniques.
This project is licensed under the MIT License. You are free to use and modify the code for your own projects, with proper attribution.
Enjoy the prank and have some fun with the Project! If you encounter any issues or have questions, please feel free to reach out 💖.