🐱 Gato de morango
Gato tricolor sonolento, leite de morango e papelaria rosada. Inclui estilos combinando de chat, mensagem em destaque e alertas.
Visualizar e usar pacote
Social Stream NinjaSocial Stream NinjaExplore a galeria visual completa de sobreposições, ou explore modelos personalizados e importações abaixo.
Um feed contínuo das plataformas conectadas. Comece com um modelo de chat ou o dock.
Uma mensagem selecionada por você no dock. Escolha um design de destaque para entrevistas, perguntas e respostas ou agradecimentos.
Comemore novos seguidores, membros e doações. Configure animações e áudio nas configurações de alerta do SSN. Guia de alertas
Encontre o modelo ideal para sua transmissão
Um visual em três fontes de navegador. Na galeria, escolha Usar conjunto combinando, insira os dados da sessão e copie os links para o OBS. O movimento é opcional.
Gato tricolor sonolento, leite de morango e papelaria rosada. Inclui estilos combinando de chat, mensagem em destaque e alertas.
Visualizar e usar pacote
Um corgi alegre em um cartão-postal azul-céu. Inclui estilos combinando de chat, mensagem em destaque e alertas.
Visualizar e usar pacote
Um sapo de conto de fadas em uma floresta tranquila. Inclui estilos combinando de chat, mensagem em destaque e alertas.
Visualizar e usar pacote
Um coelho astronauta flutuando em poeira estelar lilás. Inclui estilos combinando de chat, mensagem em destaque e alertas.
Visualizar e usar pacote
Um pequeno dragão com um cristal encantado luminoso. Inclui estilos combinando de chat, mensagem em destaque e alertas.
Visualizar e usar pacote
Guaxinim de fones e vinil em menta e ameixa. Inclui estilos combinando de chat, mensagem em destaque e alertas.
Visualizar e usar pacote
Fantasma simpático, abóbora brilhante e tons de ameixa à meia-noite. Inclui estilos combinando de chat, mensagem em destaque e alertas.
Visualizar e usar pacote
Rena com cachecol e pinheiro festivo. Inclui estilos combinando de chat, mensagem em destaque e alertas.
Visualizar e usar pacotePacotes temáticos completos com documentação, imagens de exemplo e guias
Um tema sofisticado e totalmente animado, com cores personalizáveis e transições suaves. Ideal para transmissões de jogos.
Sobreposição de chat nostálgica no estilo Windows 3.1, com design clássico de janelas e detalhes precisos.
Design simples e moderno com animações suaves e excelente legibilidade. Esquemas de cores personalizáveis.
Modelos prontos para usar que exigem apenas seu ID de sessão
Um modelo simples e leve com recursos essenciais. Ponto de partida perfeito para personalização.
Design elegante com animações suaves e efeitos visuais. Chama atenção sem distrair.
Tema marcante de alto contraste, feito para transmissões de jogos, com excelente visibilidade mesmo em conteúdos rápidos.
Sobreposição de chat elegante no estilo vidro líquido, com animações suaves e bela renderização de emotes.
Modelos que funcionam com estilos CSS do YouTube
Use CSS feito para YouTube com nossa página de sobreposição estruturada como o YouTube. Compatível com estilos Septapus.
Pontos de partida para criar suas próprias sobreposições personalizadas
Código mínimo necessário para criar sua sobreposição do zero. Ideal para desenvolvedores e programação com ajuda de LLM.
Um ponto de partida mais completo com comentários e documentação para ajudar você a criar suas próprias sobreposições personalizadas.
Criou um modelo incrível para o Social Stream Ninja? Compartilhe com a comunidade enviando um pull request ao nosso repositório no GitHub.
Enviar no GitHubEstá começando a importar? Leia o guia completo de temas de chat para encontrar arquivos de widgets, formatos compatíveis, configuração do OBS e solução de problemas.
Funciona tanto com o aplicativo SSN para Windows quanto com a extensão do Chrome — sem necessidade de editar código.
Abra suas fontes de plataforma no aplicativo ou extensão SSN e envie uma mensagem de teste. Continue somente depois de ela aparecer no dock do SSN.
Use o ZIP, pasta ou arquivos fornecidos pelo designer do widget. Uma exportação útil normalmente contém HTML, CSS, JavaScript, campos/dados e recursos. Uma captura de tela ou URL de sobreposição do StreamElements não basta.
Abra o importador e escolha o ZIP, pasta ou arquivos. Ele detecta as partes do widget e mostra imediatamente uma prévia de demonstração.
Abrir importador de widgetsAbrir o importador pelo popup do SSN preenche automaticamente o ID de sessão e a senha. Se você abriu diretamente, copie-os de Opções de sessão no aplicativo ou extensão. Você insere o ID de sessão uma vez no importador; ele é salvo dentro do arquivo baixado.
Se o widget importado oferecer configurações compatíveis, use Histórico de mensagens para desativar a remoção por tempo ou alterar quantas mensagens ficam na tela. Isso muda as configurações do widget, não seu código.
Prévia de demonstração (Demo Preview) verifica o design com mensagens de exemplo. Prévia ao vivo (Live Preview) verifica a sessão usando chat real do aplicativo ou extensão SSN em execução.
Clique em Baixar HTML para OBS (Download OBS HTML). No OBS, adicione uma fonte de navegador, ative Arquivo local, e selecione o arquivo HTML baixado. Não adicione o ID de sessão nem edite a URL no OBS. Mantenha o SSN em execução durante a transmissão; o importador e o StreamElements podem ser fechados.
Revise os arquivos detectados no importador e use Seleção avançada de arquivos se ele escolher HTML, CSS ou JavaScript incorretos.
Confirme que o chat chega ao dock do SSN e que o ID de sessão e a senha opcional correspondem exatamente.
Use o arquivo HTML baixado — não a página do importador, ZIP original nem URL do StreamElements — e atualize a fonte de navegador do OBS.
Siga estas etapas simples para começar
Explore a biblioteca de modelos e selecione um que combine com sua transmissão. Use a galeria de capturas para comparar designs; a maioria dos modelos integrados funciona diretamente por URL, sem download.
Substitua YOURSESSIONID na URL do modelo pelo seu ID real de sessão do Social Stream Ninja, encontrado em Opções de sessão no aplicativo ou extensão SSN. Inclua a senha opcional se sua sessão usar uma.
https://socialstream.ninja/themes/pretty.html?session=YOURSESSIONID
Adicione a URL modificada como fonte de navegador no seu software de transmissão:
Personalize sua sobreposição com CSS de uma destas maneiras:
&css=URL_TO_YOUR_CSS_FILE à URL do modelo&b64css=YOUR_BASE64_ENCODED_CSSComece com uma sobreposição funcional e altere a aparência.
Usar fonte de navegador do OBS CSS personalizado para cores, espaçamento e tipografia. Mantenha a URL e a conexão originais do SSN.
Tem uma exportação de widget de chat do StreamElements? Abrir conversor do StreamElements, visualize e baixe o HTML para OBS. Use o ZIP ou os arquivos originais, não uma captura de tela nem URL de sobreposição. Veja a configuração abaixo.
Copie um exemplo inicial funcional e edite seu HTML, CSS e JavaScript. Início rápido · Guia para desenvolvedores · Campos de eventos
Para comportamentos baseados em gatilhos, comece pelo editor do Event Flow e regras de efeitos de alerta antes de escrever uma nova sobreposição.
Escolha um ponto de partida, copie o prompt e substitua os detalhes de design entre colchetes. Anexe os arquivos de origem se sua IA não conseguir ler links. Não inclua seu ID de sessão privado nem senha na conversa.
Convertendo um widget mais complexo? Use o prompt completo de conversão de StreamElements / Streamlabs.
Aprenda a criar uma sobreposição de chat personalizada com ajuda de IA