reactin
reactin is the easiest and fastest way to implement reactions to your blogs, READMEs or websites. It is an open-sourced project that allows you to add reactions to your website without any backend or external tools.
Just add this code to your page:
<iframe src="https://reactin.musti.codes/embed?id=
" style="width: 275px;height: 100px;border: none;" frameborder="none" loading="lazy" title="Leave a reaction"></iframe>
Preview
As easy as that! You can now have reactions on your own website, without hosting anything yourself. It look modern, and it's customizable!
Configuration
To add a parameter, add &name=value
to the end of the
iframe
URL (?
instead of &
if
it's the first parameter). To use multiple parameters, just add them on
top of another.
-
id
(required): identifier for your widget. Without this reactin will return an error. -
reactions
(optional): customise your emoji choice. Reactions: 1 (👍), 2 (❤️ ) 3 (😂), 4 (😲), and 5 (😢). Default: 12345 -
textColor
(optional): Widget's text color as a URI encoded CSS color. -
bgColor
(optional): Widget's background color as a URI encoded CSS color. -
font
(optional): Widget's URI encoded font. -
api_base
(optional): Custom API instance hostname. Default: api.reactin.musti.codes
Example iframe
URLs:
.../embed?id=
.../embed?id=
&reactions=15
.../embed?id=
&api_base=example.com&bgColor=black&textColor=white
.../embed?id=
&font=Comic%20Sans%20MS%2C%20cursive
How does it work?
It is a simple JavaScript-based project serving all requests with Express.js. The widget is an iframe that sends a request to the API with the identifier and the reaction. Everything that needs extra code runs on our side, so you can avoid hosting another project on your own.
reactin is privacy-friendly, open-source, looks good by default and is pretty customizable.
Made with ❤️ by musti