プレビュー設定

1.5s

スタック通知 — 特徴

  • iOS-style layered notification effect
  • Shows only latest 3 messages
  • Older messages stack with scale & opacity
  • Smooth entrance animations
  • Spring transition effects
  • Customizable stack offset and scale
  • Role-based styling (owner, moderator, member)
  • Super Chat glow animation
  • Membership message support
  • Clean, minimal design
  • CSS variable customization
  • Real-time preview

このライブチャットスタイルの使い方

数ステップで配信に追加できます。チャットの取得方法に合ったバージョンを選んでください。

YouTube ポップアウトチャット

  1. 上のボタンから YouTube 版の CSS をダウンロードします。
  2. OBS でブラウザソースを追加し、YouTube のポップアウトチャット URL を指定します。
  3. CSS をブラウザソースのカスタム CSS 欄に貼り付けます。
詳しい手順ガイドを読む →

Social Stream Ninja

  1. Social Stream Ninja で「Main chat overlay & control dock」の URL(dock.html?session=… のリンク)をコピーします。
  2. URL の末尾に &hidemenu を追加すると、配信にはチャットだけが表示されます(Social Stream の操作ボタンが非表示になります)。任意で &reverse を付けると最新メッセージの向きが反転します。
  3. その URL を OBS のブラウザソースとして追加します(1920×1080)。
  4. ここで Social Stream 版の CSS をダウンロードし、ブラウザソースのカスタム CSS に貼り付けます。
詳しい手順ガイドを読む →

他のライブチャットスタイルを見る →

よくある質問

このスタイルを使うのに CSS の知識は必要ですか?
いいえ。このページから .css ファイルをダウンロードし、OBS や Streamlabs のブラウザソースのカスタム CSS 欄に貼り付けるだけです。コーディングは不要です。
このライブチャットスタイルはどのプラットフォームに対応していますか?
YouTube Live に対応し、Social Stream Ninja を通じて Twitch、TikTok、Kick など 120 以上のプラットフォームに対応します。
色やレイアウトはカスタマイズできますか?
はい。このページのライブカスタマイザーで色・サイズ・エフェクトを調整し、自分だけの CSS を書き出せます。
OBS や Streamlabs で動きますか?
はい。ブラウザソースとカスタム CSS 欄があるソフトなら、OBS Studio や Streamlabs を含めどれでも動作します。