BenDMyers / showmy.chat

On-demand themed Twitch chat overlay generator
https://showmy.chat
86 stars 24 forks source link
hacktoberfest streaming-tool twitch-chat twitch-overlay

showmy.chat

All Contributors

On-Demand, Themeable Twitch Chat Overlays For Everyone

Join the Discord server!

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!

Goals

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. This could change later, so long as the user experience of generating your themed overlay remains quick and easy.

Contributing

showmy.chat is thrilled to accept contributions! Please read the contributing guide to see how you can contribute!

Colophon

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?"

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Ben Myers
Ben Myers

πŸ’» 🎨 πŸš‡
Travis Waith-Mair
Travis Waith-Mair

🎨
Michael Chan
Michael Chan

πŸ–‹
Anthony Campolo
Anthony Campolo

πŸ“– πŸ’»
Thomas Michael Semmler
Thomas Michael Semmler

🌍
Alex Riviere
Alex Riviere

πŸ–‹ 🎨 πŸ’»
Ken aka Frosty
Ken aka Frosty

πŸ–‹ πŸ’» πŸš‡
Nicky Meuleman
Nicky Meuleman

🎨 πŸ’» πŸ”§ πŸ“–
Mike Aparicio
Mike Aparicio

🎨
Danial
Danial

🎨
Alex Trost
Alex Trost

πŸ–‹ 🎨
Kevin Powell
Kevin Powell

πŸ–‹
Jacob Bolda
Jacob Bolda

πŸ–‹
Jenn Junod
Jenn Junod

πŸ“–
Maciej PΔ™dzich (Mac)
Maciej PΔ™dzich (Mac)

πŸ–‹ 🎨

This project follows the all-contributors specification. Contributions of any kind welcome!