The best auto-reaction bot with custom emoji reactions, message filtering, blacklist/whitelist settings, and more all for free!


AutoReacter

It works really well, but can you update it where it can work on threads and also make it where you can use as a voting system where people can only vote 1 emoji and if they vote another emoji it will remove the previous one

How to use add readtion exactly? Ik what reaction does but what do i have to tipe into type?

Great bot, it's a tiny package but it does exactly what it promises too, so I guess the Murphy's law stating that the more functions an appliance has the worse it performs must be true: it's exactly what I needed since most other multipurpose bots don't have this one feature (or have it as one of their premiums). Having it ignore bots (or not) too is also useful. I'm using it on the meme channel to have it add based/repeat/cringe reactions to memes.

For anyone trying to get the bot to react to media, duplicate the addreaction and make another copy of each reaction with links too, so it triggers on media URLs too!

<html><head><style>
:host[data-theme="dark"], :root[data-theme="dark"], [data-theme="dark"] {
 --top-gg-colors-brand-20: #2a2a2a;
 --top-gg-colors-brand-60: #3a3a3a;
 --top-gg-colors-brand-80: #ffffff;
 --top-gg-colors-brand-100: #ffffff;
 --top-gg-colors-status-danger: #ff4d4f;
 --color-brand-20: #2a2a2a;
 --top-gg-colors-overlay: #1d1d21;
 --color-brand: #000000;
 --color-black: #ffffff;
}

:host, :root, [data-theme] {
  --top-gg-colors-brand-20: #2a2a2a;
 --top-gg-colors-brand-60: #3a3a3a;
 --top-gg-colors-brand-80: #ffffff;
 --top-gg-colors-brand-100: #ffffff;
 --top-gg-colors-status-danger: #ff4d4f;
 --color-brand-20: #2a2a2a;
 --top-gg-colors-overlay: #1d1d21;
 --color-brand: #000000;
 --color-black: #ffffff;
}

:host[data-theme="light"], :root[data-theme="light"], [data-theme="light"] {
 --top-gg-colors-brand-20: #2a2a2a;
 --top-gg-colors-brand-60: #3a3a3a;
 --top-gg-colors-brand-80: #000000;
 --top-gg-colors-brand-100: #000000;
 --top-gg-colors-status-danger: #ff4d4f;
 --color-brand-20: #2a2a2a;
 --top-gg-colors-overlay: #d2d2d3;
 --color-brand: #000000;
 --color-black: #ffffff;
}

html[data-theme=dark] {
    --color-background: #323339;
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme]) {
        --color-background:#323339;
    }
}

@media (min-width: 48rem) {
  .md\:block {
    display: block;
    transform: translateY(-6px);
  }
}

.css-7rul47 {
    color: #000000;
}


[data-theme=dark] .css-1xdhyk6:before {
    content: "";
    position: absolute;
    inset: -1px;
    background: linear-gradient(90deg, var(--bot-orange), var(--bot-yellow), var(--bot-green), var(--bot-blue), var(--bot-purple), var(--bot-pink), var(--bot-red));
    background-size: 200%;
    border-radius: inherit;
    z-index: -1;
    animation: animate 2s infinite linear;
}

@media (prefers-color-scheme: dark) {
    .css-1xdhyk6:not([data-theme]) {
        position: relative;
        border-radius: 50%;
    }
    
    .css-1xdhyk6:not([data-theme]):before {
        content: "";
        position: absolute;
        inset: -1px;
    background: linear-gradient(90deg, var(--bot-orange), var(--bot-yellow), var(--bot-green), var(--bot-blue), var(--bot-purple), var(--bot-pink), var(--bot-red));
        background-size: 200%;
        border-radius: inherit;
        z-index: -1;
        animation: animate 2s infinite linear;
    }
}

[data-theme=light] .css-1xdhyk6 {
    position: relative;
    border-radius: 50%;
}

[data-theme=light] .css-1xdhyk6:before {
    content: "";
    position: absolute;
    inset: -1px;
    background: linear-gradient(90deg, var(--bot-orange), var(--bot-yellow), var(--bot-green), var(--bot-blue), var(--bot-purple), var(--bot-pink), var(--bot-red));
    background-size: 200%;
    border-radius: inherit;
    z-index: -1;
    animation: animate 2s infinite linear;
}





@media screen and (min-width: 768px) {
    .css-f8kglv {
        position: relative;
        top: 20px;
    }
    .css-18r9pyf {
        position: relative;
        top: -30px;
    }
    .css-1a0eqsc {
        position: relative;
        top: -13px;
    }
}



.css-1ywhxq {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: var(--top-gg-sizes-full);
    height: var(--top-gg-sizes-full);
    background: #5d5d5d;
}

.css-1h2g9d9 {
    border-color: #28292e;
}

[data-theme="dark"] .text-brand-100{
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .css-b8z5r {
        padding: var(--top-gg-space-5);
        background: #47484e;
        color: white;
    }
}

@media screen and (min-width: 768px) {
    .css-b8z5r:hover {
        padding: var(--top-gg-space-5);
        background: #5b5c61;
        color: white;
    }
}

[data-theme="light"] .text-brand-100 {
    color: #000000;
}

.text-brand-100 {
    color: #ffffff;
}

.text-brand {
    color: #FFFF00;
}

[data-theme="light"] .text-brand {
    color: #323339;
}


:root {
  --m: 4rem;
  --red: #FF6565;
  --pink: #FF64F9;
  --purple: #6B5FFF;
  --blue: #4D8AFF;
  --green: #5BFF89;
  --yellow: #FFEE55;
  --orange: #FF6D1B;
  
  --bot-red: #262626;
  --bot-pink: #303030;
  --bot-purple: #666666;
  --bot-blue: #808080;
  --bot-green: #666666;
  --bot-yellow: #303030;
  --bot-orange: #262626;
}

@media screen and (min-width: 768px) {
  .css-13pd2m2 {
    position: relative;
    width: auto;
    background-color: black;
    color: white;
    border-radius: var(--top-gg-radii-md);
    left: -4px;
  }
  
  .css-13pd2m2:hover {
    position: relative;
    width: auto;
    background-color: white;
    color: black;
    border-radius: var(--top-gg-radii-md);
    left: -4px;
  }

  .css-13pd2m2:before {
    content: "";
    position: absolute;
    inset: -1px;
    background: linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
    background-size: 200%;
    border-radius: inherit;
    z-index: -1;
    animation: animate 2s infinite linear;
    bottom: -6px;
  }
}

@keyframes animate {
  0% { background-position: 0; }
  100% { background-position: 200%; }
}

@media screen and (max-width: 1000px) {
  :root {
    --m: 2rem;
  }
}


</style>
</head><body><h1>AutoReacter</h1>
<h3>Introducing the ultimate auto-reaction bot with customizable emoji reactions, advanced message filtering, and flexible blacklist/whitelist settings—all available for free!</h3>
</body></html>

AutoReacter

Uitnodigen

Uitnodigen

Stem (2)

Uitnodigen

Uitnodigen

Stem (2)

Overzicht

AutoReacter

Introducing the ultimate auto-reaction bot with customizable emoji reactions, advanced message filtering, and flexible blacklist/whitelist settings—all available for free!

Beoordelingen & Recencies