Twitch Player

Twitch Player

About Twitch Player

Drop a live Twitch stream — with or without chat — directly into your Framer project. No code needed.

Built for creators, event pages, and community sites that want to bring live content front and center, this component renders a fully functional Twitch player and live chat panel side by side. It handles responsive layout automatically, stacking chat below the stream when the container hits your chosen breakpoint.

Features:

  • Live stream + chat embed, or stream-only mode

  • Responsive layout with a customizable breakpoint

  • Autoplay and mute-on-load controls

  • Max stream height cap for layout control

  • Smooth skeleton loading states while iframes initialize

  • Customizable border radius, gap, and skeleton color

  • Clean preview skeletons inside the Framer canvas

Simply enter a Twitch channel name and publish. Works with any live or offline channel.