On-Demand, Themeable Twitch Chat Overlays For Everyone
This is the repo for showmy.chat, an on-demand themed Twitch chat overlay generator. These chat overlays can be used in broadcasting software such as OBS.
What does this mean? It means that anyone can go to showmy.chat, enter the name of their Twitch channel, and select a theme, and they'll get a URL they can use as a source in their broadcasting software of choice to display a live chat feed!
showmy.chat is intended to be a quick, easy, plug-and-play solution for getting themed chat overlays right out of the box. Because of this, it doesn't currently support any customization beyond selecting your theme and some basic configurations. This could change later, so long as the user experience of generating your themed overlay remains quick and easy.
showmy.chat is thrilled to accept contributions! Please read the contributing guide to see how you can contribute!
showmy.chat is built with the Eleventy static site generator — in particular, using the Eleventy Serverless functionality. It is hosted with gratitude on Netlify.
showmy.chat overlays leverage ComfyJS, which in turn is built on top of tmi.js, to receive and parse messages. Major thanks to everyone in these communities who have done the hard work to ensure that interacting with Twitch's chat API is as easy as possible.
Finally, showmy.chat is indebted to Style Stage, Stephanie Eckles's modern spiritual successor to CSS Zen Garden, for inspiration. Style Stage demonstrates how the same markup can be styled in a plethora of creative ways, and leverages community-contributed stylesheets. showmy.chat was initially conceived of as "What if Style Stage, but for Twitch chat overlays?"
Thanks goes to these wonderful people (emoji key):
Ben Myers 💻 🎨 🚇 |
Travis Waith-Mair 🎨 |
Michael Chan 🖋 |
Anthony Campolo 📖 💻 |
Thomas Michael Semmler 🌍 |
Alex Riviere 🖋 🎨 💻 |
Ken aka Frosty 🖋 💻 🚇 |
Nicky Meuleman 🎨 💻 🔧 📖 |
Mike Aparicio 🎨 |
This project follows the all-contributors specification. Contributions of any kind welcome!