button-will-react
a collection of untouchable buttons that will make your users question their clicking abilities
so here's the thing
two years ago i created a project called button-will-react. i've been adding new pranks to it regularly since then. but writing about it? that's the part i've been procrastinating on. now here we are.
the concept is simple: what if buttons just... didn't let you click them? what if they had a mind of their own and decided that your cursor wasn't worthy? revolutionary stuff, i know.
what's in the box
this collection includes eight different button pranks, each more annoying than the last:
1. sign-in button
an untouchable sign-in button. try clicking it. try using enter. it will throw an alert at you like it's personally offended.
2. propose
the classic "will you be my valentine" but the "no" button is impossible to click. because consent is important, but also, your partner should say yes.
3. valentine
a fun way to propose on valentine's day. assuming you want your relationship to start with mild frustration.
4. get_partner
enter your preferences and get a partner (spoiler: it's me).
5. love_on_hover
contributed by tahsin zidane. hover and get love. it's the most wholesome one here, which isn't saying much.
6. boom_btn
click the button and boom. i won't tell you what happens. that would ruin the surprise.
7. love_on_hover_v2
tahsin zidane strikes again with version 2. because why make one when you can make two.
8. starboy69
an internet meme login project. if you know, you know.
9. button_lol
Inspired from Project 1 but with a different approach.
10. cursor_possession
your cursor afraid of button. lol.
THIS PROJECT IS ACTIVELY MAINTAINED, NEW PROJECTS WILL BE ADDED REGULAR, LOOK FOR NEW PROJECT IN PROJECT GITHUB REPOSITORY!
use it yourself (because why not)
here's the plot twist: you can actually add this to your own projects with a cdn. because apparently i thought "let me make this easy for other people to annoy their users too."
<script src="https://cdn.jsdelivr.net/gh/iamovi/button-will-react@cdn/dist/min/v1.0.0/move.min.js"></script>
<button class="button_will_react">click me!</button>
that's it. add the class button_will_react to any button and watch your conversion rates drop.
why though
honestly? because it's funny. because sometimes web development should be about making people smile (or scream in frustration). because not everything needs to be a serious productivity tool or a groundbreaking framework.
it's harmless. it's silly. it's been sitting in my github for two years collecting dust and a respectable 23 stars from people who also appreciate chaos.
try it
the project is live at iamovi.github.io/button-will-react
the code is on github at github.com/iamovi/button-will-react
it's mit licensed, which means you can do whatever you want with it. use it for pranks. use it for april fools. use it to test your users' patience. i won't judge. and yes, i'm still adding more pranks to the collection, so check back occasionally if you're into that sort of thing.
contributions and open source
this project is fully open source under the mit license. that means:
- use it for personal projects
- use it commercially
- modify it however you want
- fork it and make it your own
- no attribution required (though always appreciated)
basically, do whatever you want with it. turn it into a library. use it for your portfolio. prank your friends. integrate it into your company's internal tools. i don't care, it's yours now.
shoutout to tahsin zidane for contributing the love_on_hover projects. turns out other people also enjoy making buttons that mess with users.
want to add your own button prank? pull requests are welcome. the only requirements: it has to be harmless and funny. malicious code stays out, chaos is welcome in.
author
Ovi ren
main creator and developer of the button-will-react project
final thoughts
if you're looking for a serious, production-ready ui component library, this isn't it. but if you want to add a little chaos to your next project, or just need a good laugh, give it a try.
i keep adding new button pranks when inspiration strikes (or when i should be doing something more productive). because apparently this is what i do with my free time.
that's all. go forth and make some buttons that refuse to be clicked.
Top comments (0)