Emote WallEmote Wall 
Source Code
⚖ Public Domain 💝 Donate!
' d='m 7.2659888,29.154 0.523,-3.322 -1.165,-0.027 -5.563,0 3.866,-24.513 c 0.012,-0.074 0.051,-0.143 0.108,-0.192 0.057,-0.049 0.13,-0.076 0.206,-0.076 l 9.3800002,0 c 3.114,0 5.263,0.648 6.385,1.927 0.526,0.6 0.861,1.227 1.023,1.917 0.17,0.724 0.173,1.589 0.007,2.644 l -0.012,0.077 0,0.676 0.526,0.298 c 0.443,0.235 0.795,0.504 1.065,0.812 0.45,0.513 0.741,1.165 0.864,1.938 0.127,0.795 0.085,1.741 -0.123,2.812 -0.24,1.232 -0.628,2.305 -1.152,3.183 -0.482,0.809 -1.096,1.48 -1.825,2 -0.696,0.494 -1.523,0.869 -2.458,1.109 -0.906,0.236 -1.939,0.355 -3.072,0.355 l -0.73,0 c -0.522,0 -1.029,0.188 -1.427,0.525 -0.399,0.344 -0.663,0.814 -0.744,1.328 l -0.055,0.299 -0.924,5.855 -0.042,0.215 c -0.011,0.068 -0.03,0.102 -0.058,0.125 -0.025,0.021 -0.061,0.035 -0.096,0.035 l -4.5070002,0 z'/><path fill='rgb(23, 155, 215)' d='m 23.047989,7.667 0,0 0,0 c -0.028,0.179 -0.06,0.362 -0.096,0.55 -1.237,6.351 -5.469,8.545 -10.874,8.545 l -2.7520002,0 c -0.661,0 -1.218,0.48 -1.321,1.132 l 0,0 0,0 -1.409,8.936 -0.399,2.533 c -0.067,0.428 0.263,0.814 0.695,0.814 l 4.8810002,0 c 0.578,0 1.069,-0.42 1.16,-0.99 l 0.048,-0.248 0.919,-5.832 0.059,-0.32 c 0.09,-0.572 0.582,-0.992 1.16,-0.992 l 0.73,0 c 4.729,0 8.431,-1.92 9.513,-7.476 0.452,-2.321 0.218,-4.259 -0.978,-5.622 -0.362,-0.411 -0.811,-0.752 -1.336,-1.03 z'/><path fill='rgb(34, 45, 101)' d='m 21.753989,7.151 c -0.189,-0.055 -0.384,-0.105 -0.584,-0.15 -0.201,-0.044 -0.407,-0.083 -0.619,-0.117 -0.742,-0.12 -1.555,-0.177 -2.426,-0.177 l -7.352,0 c -0.181,0 -0.353,0.041 -0.507,0.115 C 9.9269888,6.985 9.6749888,7.306 9.6139888,7.699 l -1.564,9.906 -0.045,0.289 c 0.103,-0.652 0.66,-1.132 1.321,-1.132 l 2.7520002,0 c 5.405,0 9.637,-2.195 10.874,-8.545 0.037,-0.188 0.068,-0.371 0.096,-0.55 -0.313,-0.166 -0.652,-0.308 -1.017,-0.429 -0.09,-0.03 -0.183,-0.059 -0.277,-0.087 z'/><path fill='rgb(37, 59, 128)' d='m 9.6139888,7.699 c 0.061,-0.393 0.313,-0.714 0.6520002,-0.876 0.155,-0.074 0.326,-0.115 0.507,-0.115 l 7.352,0 c 0.871,0 1.684,0.057 2.426,0.177 0.212,0.034 0.418,0.073 0.619,0.117 0.2,0.045 0.395,0.095 0.584,0.15 0.094,0.028 0.187,0.057 0.278,0.086 0.365,0.121 0.704,0.264 1.017,0.429 0.368,-2.347 -0.003,-3.945 -1.272,-5.392 C 20.377989,0.682 17.852989,0 14.621989,0 L 5.2419888,0 c -0.66,0 -1.223,0.48 -1.325,1.133 L 0.00998882,25.898 c -0.077,0.49 0.301,0.932 0.795,0.932 l 5.79099998,0 1.454,-9.225 1.564,-9.906 z'/></svg>)
PlethoTechno1.9K followers
ch33z_dj363 followers
lichtlaerm286 followers
Mr_Rutherford428 followers
DiEtBoB7.2K followers
bassbandage520 followers
Solo_SkYii5.5K followers
PillarsOfAsh1.9K followers
Purplestarzz_705 followers
Will_Silvano2.8K followers
Mr Rutherford299 subscribers
strixun205 subscribers
Aiko Zurie 【NAWASENA】10.5K subscribers
Hana Evangeline Ch. [Himawari]62.4K subscribers
Noimjustthatbad28 subscribers
Hasegawa Miu4.8K subscribers
Briggbee and Friends140 subscribers
Akbar Pamungkas1.4K subscribers
Chesh4.1K subscribers
Sludge952 subscribers
dj_lookoutno followers
dj_ronloveno followers
0viciadono followers
calleahjadeno followers
djmusicliveno followers
dj-mueckeno followers
blkkingzno followers
djjamesno followers
imaginowskyno followers
in5anedadno followers
RaineUnrruh45 followers
Amiganer200328 followers
If you don't want to use the wizard, you can configure the Emote Wall manually.
There are instructions for configuring the Emote Wall available on GitHub or GitLab. Please read them carefully before using. An OAuth2 Refresh Token is required. You may manually enter a token or log in through your Broadcasting software with the "interact" feature (right-click on the Emote Wall browser layer, near the bottom).
Need an OAuth Token?
Twitch
🗝Authenticate
on Twitch
YouTube
Authenticate
on YouTube
for Livestreams
Kick
Authenticate
on Kick
for Follow Events
Trovo
Authenticate
on Trovo
for Livestreams
Streamlabs 
Streamlabs Tip Support
for Donations and Pledges
StreamElements 🚀 StreamElements Tip Support
for Donations
Want to make the Emote Wall semitranspaent? You can add CSS directives directly into Browser sources in OBS through the Properties window. In the Custom CSS textbox, add "opacity: 0.5;" between the {opening and closing} body brackets.
If you're using your GPU for gaming, try turning off "Browser Source Hardware Acceleration" in the OBS Advanced Settings to reduce the load on your video card. If you're not playing games, turning on this setting can use your video card to render the emotes on screen, improving the animation quality.
You can also use the Browser source Properties to reduce the width and height, just as reducing the resolution of a game lets it achieve a higher frame rate.
The Emote Wall is designed to support custom frame rates, which you can also set in the Browser source Properties window. Set it to match your streaming frame rate for the best performance. If you stream at 48 or higher frames per second, try half the frame rate to get the "film" motion feeling (to avoid the 60fps "too crisp" complaint).
You don't need "Shutdown source when not visible" to be enabled - the Emote Wall detects when it's not visible and prevents any animations from being started. It stays active in the background, ready to become visible again instantly, without having to reconnect.
Seeing a little number in a circle in the top left corner? That's usually a sign of a connection error. You can reload the Emote Wall by hitting the "Refresh cache of the current page" button at the bottom of the Browser source properties window.
If refreshing the Emote Wall doesn't fix the error, you can see what failed through the "Interact" right-click menu item. The error will appear when you move the mouse over the interaction window. Usually, the problem is just an expired token. Sometimes, an update is required. And occasionally, a server may be down, in which case the Emote Wall should continue to work without the features normally provided by the down server.
Do you know JavaScript? You can download the Emote Wall as an HTML file and make any changes you want! The source code is released under the Public Domain "Unlicense" which means there are no restrictions on modification.
