Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/BenDMyers/showmy.chat

On-demand themed Twitch chat overlay generator
https://github.com/BenDMyers/showmy.chat

hacktoberfest streaming-tool twitch-chat twitch-overlay

Last synced: 24 days ago
JSON representation

On-demand themed Twitch chat overlay generator

Awesome Lists containing this project

README

        

# showmy.chat

[![All Contributors](https://img.shields.io/badge/all_contributors-15-orange.svg?style=flat-square)](#contributors-)

**On-Demand, Themeable Twitch Chat Overlays For Everyone**

[Join the Discord server!](https://discord.gg/K78fXzVxja)

This is the repo for [showmy.chat](https://showmy.chat), an on-demand themed Twitch chat overlay generator. These chat overlays can be used in broadcasting software such as [OBS](https://obsproject.com).

**What does this mean?** It means that anyone can go to [showmy.chat](https://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](CONTRIBUTING.md) to see how you can contribute!

## Colophon

**showmy.chat** is built with the [Eleventy](https://11ty.dev) static site generator β€” in particular, using the [Eleventy Serverless](https://www.11ty.dev/docs/plugins/serverless/) functionality. It is hosted with gratitude on [Netlify](https://netlify.com).

**showmy.chat** overlays leverage [ComfyJS](https://github.com/instafluff/ComfyJS), which in turn is built on top of [tmi.js](https://tmijs.com), 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](https://stylestage.dev), [Stephanie Eckles](https://thinkdobecreate.com)'s modern spiritual successor to [CSS Zen Garden](http://www.csszengarden.com), 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](https://allcontributors.org/docs/en/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](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!