Button Will React: A Collection of Playful Pranks

Sometimes the best projects are the ones that don't take themselves seriously. Button Will React is exactly that. A collection of harmless, funny, interactive button projects designed purely for entertainment and pranks.

The concept is simple. Buttons that don't behave the way you expect them to. They move away from your cursor, they refuse to be clicked, they do unexpected things. It's playful, it's frustrating, and it's hilarious.

How It Started

The idea came from a classic internet prank where a "No" button runs away from your cursor, forcing you to click "Yes." I thought, why not take this concept and build an entire collection of variations?

So I started experimenting. I built a sign-in button that's impossible to click. A propose button where the "No" option keeps dodging your cursor. A Valentine's Day version with animations and love messages. Each one was a small JavaScript experiment in UI manipulation and user frustration.

The Projects

The repository now contains eight different button pranks. There's the untouchable sign-in button that throws an alert even if you try pressing Enter. The propose button that forces your partner to choose "Yes" because "No" is impossible to click. A Valentine's themed version with hearts and romantic messages.

There's the get_partner project where you enter your preferences and always get matched with me. A boom button that does something unexpected when clicked. Two versions of love_on_hover contributed by Tahsin Zidane that show love messages on hover. And the starboy69 project based on an internet meme.

The CDN

One of my favorite features is the CDN distribution. You can add a single script tag to your project and any button with the class button_will_react automatically gets the moving-away-from-cursor behavior.

It's plug-and-play. No configuration, no setup, just add the CDN and the class name. Your buttons immediately become untouchable and frustrating in the best way possible.

Community Contributions

What started as a solo project became something bigger when other developers started contributing. Tahsin Zidane added two love_on_hover variations that brought new creative directions to the project. Seeing other people build on top of the concept was rewarding.

The repository has gained 23 stars and 4 forks, which means people are actually using these pranks and building their own variations. That's the best kind of validation for a fun project like this.

What I Learned

This project taught me that code doesn't always have to solve serious problems. Sometimes the goal is just to make something fun and entertaining. It taught me about DOM manipulation, event handling, positioning calculations, and how to make UI elements behave in unexpected ways.

It also taught me about packaging code for distribution via CDN, making projects easy to integrate, and creating documentation that encourages experimentation and remixing.

Try It Yourself

The project is live at iamovi.github.io/button-will-react where you can try all the different variations. The code is on GitHub under the MIT license.

Feel free to prank your friends, use it for Valentine's Day, integrate it into your own projects via CDN, or contribute your own button prank variations. It's all in good fun, and that's exactly what it should be.