Denne gratis stream alert-generatoren og custom CSS-generatoren lar deg designe en animert alert for follower, subscriber, tip, raid eller cheer til streamen din — og kopiere CSS-en og HTML-en og lime den inn i alert-boksen din i OBS, Streamlabs eller StreamElements. Velg fonter, farger, boksstil og inngangsanimasjon, se den spille av live, og få ut en ren, egendefinert alert på minutter. Uten vannmerke, og alt kjører i nettleseren din.
Slik bruker du alert-CSS-en i Streamlabs eller StreamElements
I innstillingene for alert box-widgeten åpner du Custom CSS (Streamlabs) eller CSS-fanen i overlay-editoren (StreamElements) og limer inn CSS-en som genereres her. Stilene retter seg mot klassene .alert-box, .alert-main, .alert-sub og .alert-img — gi dem nye navn så de matcher elementene i widgeten din om nødvendig. For et helt eget oppsett bruker du den kopierte HTML-en i en OBS Browser Source som utgangspunkt.
I eksporten kan du også velge Streamlabs eller StreamElements: Streamlabs-koden bruker Streamlabs' egne element-ID-er og plassholdere, og StreamElements får en ferdig egendefinert widget (HTML, CSS og JS) som viser alle varseltyper.
Alerts for follow, sub, tip, raid og cheer
Bytt alert-type for å laste inn en fornuftig standardmelding, og rediger så teksten. Bruk {user} og {amount} som plassholdere der seerens navn og verdi skal stå — live-forhåndsvisningen fyller inn eksempelnavnet og -beløpet ditt, så du ser hvordan det faktisk blir. Plattformen din setter inn riktige tokens når alerten utløses.
Hver av de seks varseltypene (følger, abonnement, gaveabonnementer, donasjon, raid og cheer) har sin egen melding, andre linje og ikon, så ett design dekker alle.
Animasjoner som fanger oppmerksomhet
Velg mellom fade, slide, pop, sprett, flip og zoom som inngang, og juster varigheten. Litt bevegelse får nye følgere og donasjoner til å poppe på skjermen uten å forstyrre. Trykk Spill av igjen så mange ganger du vil for å finjustere timingen.
Det finnes 16 innganger, 11 utganger, en animasjon mens varselet vises, partikler i ren CSS som konfetti og hjerter, og 32 ferdige utseender å starte fra.
Ofte stilte spørsmål
Hvordan legger jeg inn egen alert-CSS i Streamlabs?
Åpne Alert Box-widgeten, bla ned til Custom CSS, og lim inn CSS-en du kopierte her. Juster klassenavnene hvis widgeten din bruker andre, og lagre og test alerten.
Fungerer dette med StreamElements og OBS?
Ja. Eksporter en ferdig egendefinert StreamElements-widget (HTML, CSS og JS) som håndterer alle seks varseltypene, eller kopier CSS og HTML for hvilken som helst varselboks. OBS-testlenken spiller varselet i en nettleserkilde så du kan sjekke størrelse og plassering.
Kan jeg bruke mitt eget alert-bilde eller min egen GIF?
Ja. Lim inn en URL til et bilde eller en GIF i bildefeltet, så vises den over teksten. I live-forhåndsvisningen lastes den fra den URL-en, og samme URL brukes i den eksporterte HTML-en.
Hva betyr {user} og {amount}?
De er plassholdere for seerens navn og verdien (tip-beløp, bits eller raid-seere). Forhåndsvisningen fyller inn eksempelverdiene dine; strømmeplattformen din bytter dem ut med ekte data når en alert utløses.
Er alert-generatoren gratis?
Helt gratis, uten vannmerke. Design og kopier så mange alert-stiler du vil.
Flere gratisverktøy for streamere
Utforsk hele den gratis verktøysamlingen — blant annet overlay-generatoren for webkamera, generatoren for Starting Soon-skjerm og generatoren for falsk chat.
Sist oppdatert: oktober 2026