Skip to content

iamovi/button-will-react

Repository files navigation

button-will-react! (Prank Project)

Welcome to the "button-will-react" project, a harmless prank meant for fun and entertainment!

Description

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.

Project Info

1. Sign-in button

1-sign-in

  • a untouchable sign-in button, even enter not gonna work , it will throw an alert.

Live preview - Hit here!

2. Propose

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

3-valentine

  • a fun way to propose your partner on valentine.

Live preview - Hit here!

4. get_partner

4-get_partner

  • enter your preference and get partner (me).

Live preview - Hit here!

5. love_on_hover

5-love_on_hover

  • hover me and get love ❤️

Live preview - Hit here!

6. boom_btn

6-boom_btn

  • click the button and BOOM!

Live preview - Hit here!

7. love_on_hover_v2

7-love_on_hover_v2

  • hover me and get love v2 ❤️

Live preview - Hit here!

8. starboy69

8-starboy68

  • internet meme _ starboy69 login project.

Live preview - Hit here!


button-will-react with CDN

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_react to your button.

That's it.

Quick start with CDN

<!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!

Security Note

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.

Contributions

Contributions to this project are welcome! If you have ideas for improvements or fun additions, feel free to open an issue or submit a pull request.

License

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 💖.

About

Collection of Untouchable, harmless, funny Button 🔳 Projects.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published