CodeKitHubWat is deze tool?
De Instagram DM Generator is een browsergebaseerde mockup-tool die de interface van Instagram Direct nabootst — de grijze ballonnen voor de ander, de kenmerkende paars-roze-oranje gradiëntballonnen voor je eigen berichten, een header met een @gebruikersnaam-handle en "Nu actief"-status, en de statusbalk van de telefoon — zodat je je eigen gesprek kunt typen en als deelbare afbeelding kunt exporteren.
Alleen voor entertainment en designgebruik: deze tool is gebouwd voor grappen, memes, sketches, presentatieslides, UI/UX-prototypes en sociale content. Hij mag nooit worden gebruikt om frauduleus bewijs te fabriceren, iemand lastig te vallen of te belasteren, of de werkelijke berichten van een echt persoon na te bootsen — dat kan illegaal zijn (fraude, laster of intimidatie, afhankelijk van je rechtsgebied) en druist volledig in tegen het beoogde gebruik van deze tool.
Niets wat je typt verlaat ooit je apparaat — het hele gesprek wordt gerenderd met de HTML Canvas API rechtstreeks in je browser, en de PNG wordt lokaal gegenereerd en gedownload. Er is geen server-upload, geen account en geen tracking van je berichtinhoud.
Waarom gebruiken?
- Maak grappige nep-DM-gesprekken voor memes en sociale posts.
- Ontwerp mockups van chatgebaseerde UI-concepten voor een app of presentatie.
- Illustreer een script, sketch of verhaal met een realistische DM-screenshot.
- Prototype berichten- of meldingsontwerpen in Instagram-stijl.
- 100% lokale weergave — je gesprekstekst raakt nooit een server.
Hoe te gebruiken
- Stel de gebruikersnaam (@handle), activiteitsstatus (bijv. "Nu actief") en avatarkleur van het contact in.
- Voeg berichtregels toe: typ de tekst, kies een kant (hen/ik) en een tijdstempel.
- Schakel in of "Gezien" onder je laatste bericht verschijnt, net als bij echte Instagram-DM's.
- Pas de statusbalk aan (tijd, batterij, signaal) naar wens.
- Bekijk hoe de telefoonvormige preview live wordt bijgewerkt, en klik dan op "PNG downloaden" om de afbeelding op te slaan.
Voorbeeld
Invoer
Gebruikersnaam: "@alex.rivera" · Status: "Nu actief" · Bericht 1 (hen): "hey! heb je de foto's van de trip al gezien? 😍" · Bericht 2 (ik): "ja omg ze zijn geweldig, stuur je het album nu"Uitvoer
Een PNG-afbeelding van 375×812 die een Instagram-DM-scherm toont: witte header met "@alex.rivera" en "Nu actief", een grijze ballon links met het eerste bericht, en een paars-roze-oranje gradiëntballon rechts met het antwoord, plus een klein "Gezien"-label eronder.De afbeelding wordt direct gegenereerd in de live previewcanvas en gedownload met één klik — geen wachttijd, geen upload.
Wat je kunt aanpassen
- Gebruikersnaam (@handle), activiteitsstatus (bijv. "Nu actief", "2u geleden actief") en avatarkleur.
- Lichte modus of Instagrams bijna-zwarte donkere modus, overeenkomend met de twee kleurschema's van de echte app.
- Onbeperkt aantal berichtregels, elk met eigen tekst, kant (hen/ik) en tijdstempel.
- Een "Gezien"-indicator die onder je laatst gelezen bericht verschijnt, net als bij echte Instagram-DM's.
- Statusbalk van de telefoon: tijd, batterijpercentage en signaalsterkte.
Verantwoord gebruik
Deze generator bestaat om het makkelijk te maken duidelijk fictieve DM-afbeeldingen te creëren voor humor, storytelling en designwerk. Het is geen tool voor het fabriceren van bewijs, het ensceneren van intimidatie, of het misleiden van iemand door hem te laten denken dat een nep-gesprek echt is. Als je van plan bent een met deze tool gemaakte afbeelding te delen, overweeg dan om context toe te voegen (zoals "nep" of "mockup") zodat kijkers begrijpen dat het geen echt gesprek is, vooral wanneer het onderwerp voor een echt persoon zou kunnen worden aangezien.
Veelgestelde vragen
Is het legaal of ethisch om deze tool te gebruiken?
De tool zelf is legaal te gebruiken voor entertainment, mockups, presentaties en designwerk. Wat niet legaal of ethisch is, is het gebruiken van de gegenereerde afbeelding om iemand te misleiden — bijvoorbeeld door hem als echt gesprek te presenteren om fraude te plegen, om iemand te belasteren of lastig te vallen, of om de werkelijke berichten van iemand na te bootsen. Afhankelijk van waar je woont, kan dat soort misbruik fraude, laster of intimidatie opleveren. Gebruik dit alleen voor duidelijk fictieve of illustratieve doeleinden.
Uploadt de tool mijn berichten ergens naartoe?
Nee. Elk bericht, elke gebruikersnaam en elke instelling die je invoert, blijft in het geheugen van je browser en wordt rechtstreeks op een canvas-element getekend met JavaScript. Het PNG-bestand wordt op je apparaat gegenereerd en gedownload — er wordt nooit iets naar een server verzonden.
Hoe werkt de "Gezien"-indicator?
Instagram toont geen vinkjes per bericht zoals WhatsApp — in plaats daarvan toont het een klein "Gezien"-label onder het laatste bericht dat de ander heeft gelezen. Je kunt dit aan- of uitzetten om bij het scenario te passen dat je nabootst.
Kan ik een echte foto als avatar uploaden?
Momenteel niet — de avatar is een simpele gekleurde cirkel met initialen, automatisch gegenereerd op basis van de gebruikersnaam. Dit houdt de tool eenvoudig en voorkomt de verleiding om een echt persoon na te bootsen met diens werkelijke foto.
Welk afbeeldingsformaat exporteert de tool?
De preview en de geëxporteerde PNG gebruiken standaard een telefoonschermverhouding (375×812), wat er natuurlijk uitziet wanneer gedeeld op sociale media of ingebed in een presentatie.
Ondersteunt dit donkere modus?
Ja — er is een themaschakelaar boven de contactvelden die wisselt tussen lichte modus en een bijna-zwarte donkere modus die overeenkomt met het echte donkere DM-scherm van Instagram (donkergrijze inkomende ballonnen, dezelfde gradiëntballonnen uitgaand, lichte tekst). Als je een screenshot wilt dat aanvoelt als een normaal daggesprek, gebruik dan lichte modus; als je een laat-nachtgesprek nabootst of een screenshot van een OLED-telefoon met donkere modus ingeschakeld, schakel dan naar donkere modus — de meeste echte Instagram-screenshots die mensen 's nachts delen zijn in donkere modus, dus dat leest authentieker voor die context.
Hoe maak ik een nep-Instagram-DM-gesprek?
Stel de gebruikersnaam en status van het contact in, voeg berichtregels toe voor elke kant van het gesprek, kies lichte of donkere modus, en klik dan op "PNG downloaden" — het hele gesprek wordt direct weergegeven in de live preview.
Kan ik een typindicator of ongelezen berichten laten zien?
Je kunt het laatste bericht aan de "hen"-kant zonder antwoord laten om een ongelezen/onbeantwoorde status te suggereren. Een speciale geanimeerde typ-stippen-indicator is niet beschikbaar omdat deze tool een statische afbeelding exporteert, geen video.
Werkt dit voor zowel Instagram-gebruikersnamen als weergavenamen?
Ja — het contactveld accepteert zowel een @handle als een volledige weergavenaam, overeenkomend met hoe Instagram de header toont, afhankelijk van of het contact een ingestelde weergavenaam heeft.
Kan ik meer dan één contact of een groepsgesprek toevoegen?
Deze tool is gebouwd voor één-op-één DM's. Voor een groepsgewijze thread met meerdere personen, gebruik de "hen"-kant van de berichtenlijst met verschillende weergavenamen per bericht als workaround, hoewel de header nog steeds één contact zal tonen.
Is dit hetzelfde als de echte Instagram-app?
Nee — het is een onafhankelijke mockup-tool, niet gelieerd aan of onderschreven door Instagram of Meta. Het is ontworpen om visueel dicht genoeg bij de DM-interface van Instagram te komen voor mockups, memes en presentaties, niet om de live app te repliceren.
Moet ik een account aanmaken of iets installeren?
Geen account, geen installatie, geen browserextensie — de tool draait volledig als een webpagina en werkt op zowel desktop- als mobiele browsers.