CodeKitHubVad är detta verktyg?
Anpassad chattgenerator är ett webbläsarbaserat mockupverktyg för att skapa en chattskärmdump som inte är låst till en riktig plattforms varumärke. Istället för en fast varumärkesfärg får du en färgväljare för den "skickade" bubblan och en till för den "mottagna" bubblan, så att du kan matcha en fiktiv app, ett hypotetiskt UI-koncept, eller helt enkelt de färger som passar din meme eller presentation.
Detta är användbart när du vill ha en chattmockup för en historia, en wireframe eller ett skämt om en påhittad app, och inte vill att det igenkännbara varumärket från en specifik riktig meddelandeapp ska distrahera från poängen.
Endast för underhållning och designändamål: detta verktyg är byggt för skämt, memes, sketcher, presentationsbilder, UI/UX-prototyper och sociala medieinnehåll. Det får aldrig användas för att fabricera bedrägliga bevis, trakassera eller förtala någon, eller utge sig för en riktig persons faktiska meddelanden — att göra det kan vara olagligt beroende på din jurisdiktion och strider helt mot verktygets avsedda användning.
Ingenting du skriver lämnar någonsin din enhet — hela konversationen renderas med HTML Canvas API direkt i din webbläsare, och PNG:n genereras och laddas ner lokalt. Det finns ingen serveruppladdning, inget konto och ingen spårning av ditt meddelandeinnehåll.
Varför använda det?
- Designa en chattmockup för en fiktiv eller hypotetisk meddelandeapp.
- Matcha dina varumärkesfärger eller presentationstema istället för en riktig apps färger.
- Skapa roliga falska konversationer för memes och sociala inlägg utan specifikt plattformsvarumärke.
- Prototyp chattbaserade UI-koncept med full kontroll över bubbelfärger.
- 100 % lokal rendering — din konversationstext når aldrig en server.
Så använder du det
- Ange kontaktnamn, statustext och välj mörkt eller ljust tema för det omgivande gränssnittet.
- Välj en färg för skickad bubbla och en för mottagen bubbla med de två färgväljarna.
- Ladda upp ett foto för avataren, eller lämna den som en färgad cirkel med initialer.
- Lägg till meddelanderader: skriv texten, välj sida (de/jag) och en tidsstämpel.
- Justera statusfältet (tid, batteri, signal) efter smak.
- Se den telefonformade förhandsvisningen uppdateras live, klicka sedan på "Ladda ner PNG" för att spara bilden.
Exempel
Inmatning
Kontakt: "Alex" · Skickad bubbla: lila · Mottagen bubbla: ljusgrå · Meddelande 1 (de): "Gäller det fortfarande ikväll?" · Meddelande 2 (jag): "Ja! Vi ses klockan 8 😊"Resultat
En PNG-bild på 375×812 som visar en chattskärm med en ljusgrå bubbla till vänster som innehåller det första meddelandet, och en lila bubbla till höger med svaret — med exakt de färger du valde.Bilden genereras direkt i den levande förhandsgranskningscanvasen och laddas ner med ett klick — ingen väntan, ingen uppladdning.
Vad du kan anpassa
- Kontaktnamn, statustext och mörkt/ljust tema för gränssnittet.
- Färger för skickad och mottagen bubbla, valda oberoende av varandra.
- Avatar: ladda upp ett riktigt foto (beskuret till en cirkel) eller välj en reservfärg.
- Obegränsat antal meddelanderader, var och en med egen text, sida (de/jag) och tidsstämpel.
- Telefonens statusfält: tid, batteriprocent och signalstyrka.
Ansvarsfull användning
Den här generatorn finns för att göra det enkelt att skapa tydligt fiktiva chattbilder för humor, berättande och designarbete. Det är inte ett verktyg för att fabricera bevis, iscensätta trakasserier, eller vilseleda någon att tro att en falsk konversation är riktig. Om du planerar att dela en bild skapad med detta verktyg, överväg att lägga till sammanhang (som "falsk" eller "mockup") så att tittarna förstår att det inte är en riktig konversation.
Vanliga frågor
Är det lagligt eller etiskt att använda det här verktyget?
Verktyget i sig är lagligt att använda för underhållning, mockuper, presentationer och designarbete. Det som inte är lagligt eller etiskt är att använda den genererade bilden för att lura någon — till exempel genom att framställa den som en riktig konversation för att begå bedrägeri, trakassera eller förtala en person, eller utge sig för någons faktiska meddelanden. Använd detta endast för tydligt fiktiva eller illustrativa syften.
Laddar verktyget upp mina meddelanden eller foton någonstans?
Nej. Varje meddelande, namn, foto och inställning du anger stannar i din webbläsares minne och ritas direkt på ett canvas-element med JavaScript. PNG-filen genereras och laddas ner på din enhet — ingenting skickas någonsin till någon server.
Bör jag använda detta eller en av de plattformsspecifika chattgeneratorerna?
Om din mockup behöver se ut som en specifik riktig app — WhatsApp, Telegram, Messenger, Signal, WeChat eller LINE — använd den appens dedikerade generator så att färger, bockmarkeringar och rubrikstil matchar vad tittarna förväntar sig. Använd istället denna Anpassade chattgenerator när du vill ha en chattmockup för en fiktiv app, en wireframe, eller innehåll där du inte vill ha utseendet från något specifikt riktigt varumärke, och hellre väljer de exakta bubbelfärgerna själv.
Kan jag ladda upp ett riktigt foto som avatar?
Ja. Klicka på "Ladda upp foto" för att använda vilken bild som helst från din enhet som kontaktens avatar — den beskärs automatiskt till en cirkel. Om du hoppar över detta faller avataren tillbaka till en färgad cirkel med kontaktens initialer. Fotot används endast lokalt i din webbläsare och laddas aldrig upp någonstans.
Vilken bildstorlek exporteras?
Förhandsvisningen och den exporterade PNG:n använder ett bildförhållande som en telefonskärm (375×812 som standard), vilket ser naturligt ut när det delas på sociala medier eller infogas i en presentation.