#no-js-skip:checked + #no-js { display: none; } #no-js { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgb(17 17 22 / 0.85); } #no-js > div { display: flex; flex-direction: column; gap: 16px; max-width: 720px; padding: 24px; background: var(--glass-bg-card); border: 1px solid var(--line-color); box-shadow: 0 0 12px var(--line-glow); color: var(--brand-moonlight); font-family: var(--font-sans); text-align: center; } #no-js img { display: block; width: 100%; height: auto; } #no-js p { margin: 0; line-height: 1.6; } #no-js .caption { font-family: var(--ui-font-display); font-size: 1.25rem; } #no-js label { align-self: center; cursor: pointer; font-family: var(--ui-font-display); text-decoration: underline; opacity: 0.8; }

Ginny, un chat roux tout duveteux, qui lève les yeux depuis un carton

Désactivez votre bloqueur de pub pour nourrir Ginny !

Stream UI fonctionne dans votre navigateur et a besoin de JavaScript. Autorisez-le pour ce site : il permet aussi d’afficher les pubs, et ce sont elles qui gardent Stream UI gratuit (et le ventre de Ginny plein).

De toute façon, je déteste les chats et les devs indés

Créateur d’overlay

Sauvegarder vos réglages

Polices, couleurs et cartes

Définissez le look que suivent tous les widgets : polices, texte, fonds des cartes, bordures, ombres, barres de progression et animations.

Canevas 4K, 2K, 1080p ou vertical

Choisissez la résolution du canevas de votre stream. Les widgets sont conçus en 1080p et s’agrandissent avec lui, y compris en 1080×1920 pour les streams verticaux.

Position, ordre et espacement

Placez chaque widget dans l’une des 9 positions ou en barre en haut ou en bas, réorganisez-les par glisser-déposer, réglez leur largeur et leur taille, et ajustez leur place au pixel près.

Aperçu en direct

Voyez tout votre overlay avec des événements de démo ou vos vrais événements Streamer.bot avant de lancer le live.

Une seule source navigateur

Copiez une seule URL dans une source navigateur. Elle contient tous vos réglages et fonctionne donc toute seule. Besoin d’une version verticale aussi ? Créez un autre overlay.