Let visitors watch your stream from your own website
If you stream, your website probably has a “Watch me on Twitch” link and not much else. Someone lands on your site while you are live, reads a static page and never finds out. Or they want to see what your streams are like before they follow, and the best you can offer is a link out.
Starting today TileSet connects Twitch and Kick. Your site can show your newest videos and clips, say when you are live, and play the stream right there on the page, in Twitch’s or Kick’s own player.
What you can do with it
- Show your Twitch videos and clips. Your newest past broadcasts, highlights and uploads, plus your most watched clips of the last 30 days, newest first. They sit in a grid, a carousel, a masonry wall or a bento layout. With the lightbox on, a tile plays in Twitch’s player, sound off at first.
- Say when you are live. Turn on the widget’s header and a red Live now appears beside your channel name while you stream. One click plays the stream in the lightbox. Visitors who Ctrl, Cmd or middle click it get twitch.tv in a new tab, as with any link.
- Play the stream inside the widget. Set Live stream to Inline and, while you are live, a card sits above your tiles with the live picture, the stream’s title, category and viewer count. A click plays the stream in that card. On a small screen, where Twitch’s player will not fit, the click opens the lightbox instead.
- Show a Kick live card. A Kick source is one card: Live now with the title, category, viewers and live picture while you stream, or your banner with Offline and a Follow on Kick link when you are not. A click plays the stream in Kick’s player.
- Mix them with the rest. On Starter and up, a Twitch or Kick source can share a widget with your other sources, so a stream and your YouTube uploads can sit in one place.
TileSet installs by AI agent too. These prompts work as written:
- “Add the Twitch channel twitch.tv/yourchannel to my homepage with TileSet.”
- “Turn on the header, the lightbox and the inline live stream on that Twitch widget.”
- “Add my Kick channel kick.com/yourchannel to my site with TileSet.”
Who this is for
Streamers with a website of their own: a personal site, a merch shop, a page that collects their links. Also small businesses that stream, like a game shop with tournament nights, a cooking channel or a coach who runs live sessions. In every case you want people on your site to find out you are live without leaving it.
How to set it up
- Sign in with Google. The free plan needs no card.
- Open Sources, press Add source and pick Twitch or Kick. Type the channel’s name, or paste the link to its page. There is nothing to sign in to on Twitch or Kick, and any public channel works.
- Build a widget. For Twitch, turn on Header to get Live now, and pick Lightbox or Inline under Live stream.
- Copy the snippet into your site. It is one script tag and one div, and it works on WordPress, Shopify, Squarespace, Webflow, Wix or a page your AI tool built.
Why you can trust it
The player loads only when a visitor clicks, never with the page, so a widget does not slow your site down. Thumbnails and pictures load straight from Twitch and Kick, and the widget script sets no cookies.
Checking whether you are live is free. TileSet asks when the widget is shown, at most every 2 minutes per channel, which means Live now can appear or disappear up to about 3 minutes late. Regular updates of your videos and clips cost 2 credits for Twitch and 1 for Kick, at the speed you pick: daily on Free, up to hourly on Starter and up.
Twitch and Kick only allow a copy of their content for a day, so TileSet never shows one older than 23 hours. Past that, the next view fetches the channel again at no charge. On Kick we use only its official API, which is why a Kick source shows live status and no past broadcasts or clips.
An AI agent can connect a channel and build the widget, but it never receives the videos, clips or live details. To see what a widget shows, use the preview in your dashboard. And when a platform has a bad day, the widget keeps what it last had. If Kick cannot be reached for a while, the card keeps the channel’s name and stops saying live or offline until it can check again.
The full details are in the docs for Twitch and Kick. If your site sets a content security policy, the install guide lists the player frames to allow.
If you stream, try it on your next broadcast and tell us how it goes.
Joel