🐱 Gato de fresa
Un gato tricolor soñoliento, leche de fresa y papelería rosada. Incluye estilos a juego para chat, mensajes destacados y alertas.
Previsualizar y usar paquete
Social Stream NinjaSocial Stream NinjaExplora la galería visual completa de superposiciones, o explora las plantillas e importaciones personalizadas de abajo.
Un feed continuo de tus plataformas conectadas. Empieza con una plantilla de chat o panel.
Un mensaje que seleccionas en el panel. Elige un diseño de mensajes destacados para entrevistas, preguntas y respuestas o saludos.
Celebra seguimientos, membresías y donaciones. Configura animaciones y audio en los ajustes de alertas de SSN. Guía de alertas
Encuentra la plantilla ideal para tu transmisión
Un mismo estilo en tres fuentes de navegador. En la galería, elige Usar conjunto a juego, introduce los datos de tu sesión y copia los enlaces para OBS. El movimiento es opcional.
Un gato tricolor soñoliento, leche de fresa y papelería rosada. Incluye estilos a juego para chat, mensajes destacados y alertas.
Previsualizar y usar paquete
Un corgi alegre en una postal azul cielo. Incluye estilos a juego para chat, mensajes destacados y alertas.
Previsualizar y usar paquete
Una rana de cuento en un bosque tranquilo. Incluye estilos a juego para chat, mensajes destacados y alertas.
Previsualizar y usar paquete
Un conejo astronauta entre polvo de estrellas lila. Incluye estilos a juego para chat, mensajes destacados y alertas.
Previsualizar y usar paquete
Un pequeño dragón con un cristal encantado luminoso. Incluye estilos a juego para chat, mensajes destacados y alertas.
Previsualizar y usar paquete
Un mapache con auriculares y un vinilo en tonos menta y ciruela. Incluye estilos a juego para chat, mensajes destacados y alertas.
Previsualizar y usar paquete
Un fantasma amistoso, una calabaza luminosa y tonos ciruela de medianoche. Incluye estilos a juego para chat, mensajes destacados y alertas.
Previsualizar y usar paquete
Un reno con bufanda y un abeto festivo. Incluye estilos a juego para chat, mensajes destacados y alertas.
Previsualizar y usar paquetePaquetes temáticos completos con documentación, imágenes de ejemplo y guías
Un tema sofisticado y totalmente animado, con colores personalizables y transiciones suaves. Ideal para transmisiones de juegos.
Superposición de chat nostálgica al estilo Windows 3.1, con diseño clásico de ventanas y detalles precisos a nivel de píxel.
Diseño limpio y moderno con animaciones suaves y excelente legibilidad. Combinaciones de colores personalizables.
Plantillas listas para usar que solo necesitan tu ID de sesión
Una plantilla limpia y ligera con las funciones esenciales. Un punto de partida ideal para personalizar.
Diseño elegante con animaciones suaves y efectos visuales. Llamativo sin distraer.
Tema llamativo de alto contraste, diseñado para transmisiones de juegos con excelente visibilidad incluso en contenido de acción rápida.
Superposición de chat de estilo cristal líquido con animaciones suaves y una atractiva presentación de emotes.
Plantillas compatibles con estilos CSS de YouTube
Utiliza CSS diseñado para YouTube con nuestra página de superposición estructurada como YouTube. Compatible con estilos de Septapus.
Puntos de partida para crear tus propias superposiciones personalizadas
El código mínimo para crear tu propia superposición desde cero. Ideal para desarrolladores y programación asistida por LLM.
Un punto de partida más completo con comentarios y documentación para ayudarte a crear tus propias superposiciones.
¿Creaste una plantilla genial para Social Stream Ninja? Compártela con la comunidad enviando un pull request a nuestro repositorio de GitHub.
Enviar en GitHub¿Es tu primera importación? Leer la guía completa de diseños de chat para encontrar archivos de widgets, formatos compatibles, configuración de OBS y solución de problemas.
Funciona tanto con la aplicación de escritorio de SSN para Windows como con la extensión de Chrome; no necesitas editar código.
Abre las fuentes de tus plataformas en la aplicación o extensión de SSN y envía un mensaje de prueba. Continúa solo cuando aparezca en el panel de SSN.
Utiliza el ZIP, la carpeta o los archivos proporcionados por el diseñador del widget. Una exportación útil normalmente contiene HTML, CSS, JavaScript, campos/datos y recursos. Una captura o una URL de superposición de StreamElements no son suficientes.
Abre el importador y elige el ZIP, la carpeta o los archivos. Detecta las partes del widget y muestra inmediatamente una vista previa de demostración.
Abrir importador de widgetsAbrir el importador desde la ventana emergente de SSN rellena automáticamente el ID de sesión y la contraseña. Si lo abriste directamente, cópialos de Opciones de sesión (Session Options) en la aplicación o extensión. Introduces el ID de sesión una vez en el importador; se guarda dentro del archivo descargado.
Si el widget importado ofrece ajustes compatibles, utiliza Historial de mensajes (Message history) para desactivar la eliminación temporizada o cambiar cuántos mensajes permanecen en pantalla. Esto cambia los ajustes del widget, no su código.
Vista previa de demostración (Demo Preview) comprueba el diseño con mensajes de ejemplo. Vista previa en vivo (Live Preview) comprueba la sesión con chat real de la aplicación o extensión de SSN en ejecución.
Haz clic en Descargar HTML para OBS (Download OBS HTML). En OBS, añade una fuente de navegador y activa Archivo local (Local file), y selecciona el archivo HTML descargado. No añadas el ID de sesión ni edites la URL en OBS. Mantén SSN en ejecución mientras transmites; puedes cerrar el importador y StreamElements.
Revisa los archivos detectados en el importador y utiliza Selección avanzada de archivos si eligió el HTML, CSS o JavaScript incorrecto.
Confirma que el chat llega al panel de SSN y que el ID de sesión y la contraseña opcional coinciden exactamente.
Utiliza el archivo HTML descargado, no la página del importador, el ZIP original ni la URL de StreamElements; luego actualiza la fuente de navegador de OBS.
Sigue estos sencillos pasos para empezar
Explora la biblioteca de plantillas y elige una que encaje con el estilo de tu transmisión. Utiliza la galería de capturas para comparar diseños; la mayoría de las plantillas integradas funcionan directamente desde una URL, sin descarga.
Sustituye YOURSESSIONID en la URL de la plantilla por tu ID de sesión real de Social Stream Ninja, que encontrarás en Opciones de sesión de la aplicación o extensión de SSN. Incluye la contraseña opcional si tu sesión utiliza una.
https://socialstream.ninja/themes/pretty.html?session=YOURSESSIONID
Añade la URL modificada como fuente de navegador en tu programa de transmisión:
Personaliza tu superposición con CSS mediante una de estas opciones:
&css=URL_TO_YOUR_CSS_FILE a la URL de tu plantilla&b64css=YOUR_BASE64_ENCODED_CSSEmpieza con una superposición que funcione y luego cambia su apariencia.
Utilizar una fuente de navegador de OBS CSS personalizado para colores, espaciado y tipografía. Conserva la URL y la conexión originales de SSN.
¿Tienes una exportación de widget de chat de StreamElements? Abrir el conversor de StreamElements, previsualízalo y luego descarga el HTML para OBS. Utiliza el ZIP o los archivos originales, no una captura ni una URL de superposición. Ver configuración abajo.
Copia una base que funcione y edita su HTML, CSS y JavaScript. Inicio rápido · Guía para desarrolladores · Campos de eventos
Para comportamientos basados en activadores, empieza por el editor Event Flow y reglas de efectos de alertas antes de escribir una superposición nueva.
Elige un punto de partida, copia las instrucciones y sustituye los detalles de diseño entre corchetes. Adjunta los archivos de origen si tu IA no puede leer enlaces. No incluyas tu ID de sesión privado ni tu contraseña en la conversación.
¿Vas a convertir un widget más complejo? Utiliza las instrucciones completas de conversión de StreamElements / Streamlabs.
Aprende a crear una superposición de chat personalizada con ayuda de IA