The opener that actually worked
Someone reading the profile instead of sending “hey”. The most useful thing a dating mockup can demonstrate.
Use this templateBuild a Tinder thread with the match header no messenger has, flame-gradient bubbles at Tinder's own radius, and the all-caps SEND. The examples are written for safety training, fiction and design work — invented people only.
Each one opens in the editor as an editable, fictional scene — names, timings and interface details already set. Change a word, or change everything.
Someone reading the profile instead of sending “hey”. The most useful thing a dating mockup can demonstrate.
Use this templateSomewhere public, at a time that works, with nobody pushed. Written as the conversation safety guidance actually recommends.
Use this templateThe opening moves of romance fraud, with the tells named in the reply. Built for fraud-prevention and safeguarding material.
Use this templateThe three above are the ones worth building: an opener that reads the profile, a first date arranged somewhere public, and the opening moves of a romance scam with its four tells named in the reply.
A made-up name and a library photo. This is not a formality — the whole difference between a teaching aid and a weapon here is whether the person on the other side exists.
The name drives the “You matched with X” line, and the photo comes from the Contact section. That header is what makes it read as Tinder rather than as a chat.
Each message is a turn. Openers that reference something specific read as real; “hey” reads as filler, which is its own kind of accurate but rarely what you want in a mockup.
PNG at 1× free, up to 3× on Pro. The optional Simulated label is in the Export section and is worth switching on for anything that will circulate.
Our Tinder skin is rebuilt from the real interface in code rather than traced from a screenshot, so the details that make it recognisable survive at export resolution. Here is what those details actually are.
A large circular photo, the name, and “You matched with Alex” above the thread. No messenger has anything like it, and it is what makes a dating screenshot obviously a dating screenshot rather than a chat with a stranger. Get this and you are most of the way there.
Tinder's identity is a coral-to-pink sweep and the outgoing bubbles carry it. A single flat coral reads as almost-right in a way that is hard to place — the gradient is doing more work than the hue is.
22px, the roundest of the three dating apps. Bumble sits at 18 and Hinge at 12, and that descending scale is genuinely how the three feel next to each other: Tinder playful, Hinge serious, Bumble between them.
The composer is a plain underlined field ending in a coral SEND in caps. Almost nothing else in the roster uses a capitalised word as a send control, which makes it recognisable on its own even cropped out of context.
The header carries a report control rather than call buttons, because you cannot ring a match. It is a small thing that says a lot about what kind of thread this is.
The skin draws none. If you have seen a Tinder mockup with a Seen label on it, that label was invented.
Everything made here is simulated. SocialMock has no connection to Tinder and cannot read, send or alter a real message. Do not use a mockup to impersonate anyone, pass it off as a genuine screenshot, or present it as evidence in any legal, workplace or academic matter — see our Acceptable Use policy. For general information about legal risk, read is it legal to fake a screenshot? If you publish somewhere a viewer might mistake it for real, switch on the “Simulated” label before exporting.
Click straight into the preview and type. Export when you are done — free at 1×, up to 3× on Pro.
Open the Tinder editor