X (Twitter) Post Preview
Paste a draft and see it as a post: light or dark, phone or desktop, timeline or permalink. It marks the point where the timeline stops showing your text and puts a "Show more" in its place, which is the part a character count cannot tell you. Free, no account, and nothing you type or upload leaves your browser.
Type or paste a draft. Nothing you enter is stored or sent anywhere.
Nobody warns you about this when you start posting. The timeline only ever shows the first 280 characters of a long post, and everything after that sits behind a "Show more" link that most people scrolling never tap. So your opening two lines are not an introduction to the post. Show more
Timeline cuts here · 79 hiddenThey are the post. The rest is a bonus for people who already decided to stay.
Past 280 characters the timeline stops and shows Show more. A standard account cannot publish this at all, and an X Premium account can, but everyone scrolling reads only the part above the dashed line. Split it into a thread and every part gets its own impression.
This is a mockup tool. It draws a picture of a post, it does not publish one and it cannot show you a post that exists. Presenting a fabricated post as something a real person wrote is misinformation, it is removed by most platforms and it can be defamation. Every image this tool exports is captioned as a mockup for that reason. bbuddy is not affiliated with, endorsed by or connected to X Corp, and X and the X logo are their owner’s property.
The account on the card
Up to 50 characters.
Without the @. Up to 15 characters.
PNG, JPG or WebP, up to 5MB. Read in your browser, never uploaded.
Shown in the 16:9 slot a single image gets in the timeline.
Both files are read with FileReader and stay in this tab. SVG is refused, because an SVG can carry script.
Engagement numbers
Shown the way X abbreviates them: 1,240 becomes 1.2K, and 18,400 becomes 18K.
The cut is marked
Past 280 characters the timeline stops. The preview draws the line and keeps the hidden text on screen so you can see what falls behind it.
Phone and desktop
Most people read at 390 pixels wide, not 600. A line that fits on your monitor can wrap three times on a phone.
Download the card
One click for a PNG at twice the size, captioned as a mockup, ready for a slide or a blog post.
Nothing is uploaded
The draft, the avatar and the image stay in your browser. No account, no server, no copy of a post that has not gone out yet.
What the timeline actually shows of your post
The timeline shows the first 280 weighted characters of a post and then stops, with a Show more link underneath. On a standard account that is academic, because anything longer is rejected outright rather than clipped. On X Premium it is the whole game: you can publish 25,000 characters, and everyone scrolling past still reads 280 of them.
Weighted is the word that matters. The cut does not land on the 280th character you typed, it lands on the 280th character X counts, and X counts a link as 23 whatever its length, an emoji as 2 however many code points built it, and Japanese, Chinese, Korean and Thai as 2 each. Paste a long tracking URL into the middle of a draft and the cut jumps backwards by the difference. The character counter explains that arithmetic in full; this page applies it to find the boundary and draws it on the card.
Which makes the practical rule easy to state. Everything that has to land, the claim, the hook, the reason to stop scrolling, belongs above that line. The material below it is for people who already decided to stay. If the sentence you built the post around is sitting in the dimmed half, either move it or split the post into a thread, where every part gets its own impression in the feed instead of one shared between all of them.
Why previewing catches what a character count does not
A count is one number about the whole post. Most of what goes wrong is about shape, and shape only shows up when something renders it.
Line breaks are the common one. A draft written in a text editor at full window width becomes a different object at 390 pixels: the two line opener you were proud of is four lines, the list you spaced out for rhythm has a blank line stranded at the bottom of the visible area, and the emoji you used as a bullet has pushed each item onto a second line. Nothing about that is visible in a character count, and all of it is visible in a card.
The second is the link. A post ending in a URL gets a preview card underneath it, generated from the page rather than from your post, and that card takes the vertical space your next line was going to sit in. A post with a link in the middle gets no card at all. Neither costs a character, and both change what someone sees before they decide to scroll on.
The third is where the first image lands. A single attached image renders in a 16:9 slot in the timeline and is cropped to it, so a tall graphic loses its top and bottom, and text baked into the edges of a screenshot disappears. The image size guide covers every placement and the crop each one applies, and the 5MB ceiling that applies to all of them.
Using it for slides, docs and blog posts
The second honest use of this tool is illustration. A deck that argues for a change in tone needs to show the tone, a course module about hooks needs an example hook on screen, and a blog post explaining a structure reads better with the structure drawn than described. A rendered card does that job better than a paragraph in quotation marks, and it does it without screenshotting someone else’s account.
The line between that and something else is short enough to state in one sentence. Draw your own draft, or an example that is clearly an example. Never attribute invented words to a real person or a real brand, and never present a mockup as a screenshot of something that was published. Fabricating a post and passing it off as real is misinformation, most platforms remove it on sight, and where it names a real person it is defamation in a lot of places. Every PNG this tool exports is captioned as a mockup, which is there to make the honest use easy rather than to make the dishonest one impossible.
bbuddy is not affiliated with, endorsed by or connected to X Corp. X, the X logo and the verification marks belong to their owner, and the badge in this tool is an approximation drawn for a mockup rather than a copy of theirs.
Previewing is the last ten seconds of the job.
Everything before it is the part that takes the week: deciding what to say, writing it for X rather than for everywhere at once, and doing that again next Tuesday. bbuddy reads your brand, drafts posts in your voice across eight platforms, and either queues them for your approval or publishes them itself.
It runs the same weighted count and the same truncation check before anything goes out, so nothing publishes with the point hidden behind a Show more.
Frequently asked questions
How do I preview a post on X before publishing it?
Paste the draft into the box above and the card updates as you type. You can switch between light and dark, between the phone width most people read at and the wider desktop timeline, and between the timeline view and the permalink view. Nothing is published and no account is connected: this draws a picture of the post, it does not send it.
Where does X cut off a long post?
At 280 weighted characters, with a "Show more" link underneath. A standard account cannot publish anything longer at all, and an X Premium account can go to 25,000, but the timeline still shows only the first 280 to everyone scrolling past. The preview marks that boundary and keeps the hidden part on screen, dimmed, so you can see which sentence falls behind the link.
Is this a fake tweet generator?
It is a mockup tool, which is the same mechanism used honestly. Drawing a picture of your own draft, or of an illustrative example for a slide, is normal design work. Passing a fabricated post off as something a real person actually wrote is misinformation, it is removed by most platforms and it can be defamation. Every image this tool exports carries a caption saying it is a mockup.
Can I use a post mockup in a blog post, a deck or a course?
Yes, for illustration, as long as it is clear that the post is an example rather than a real one. Use your own account details or obviously fictional ones, keep the exported caption in the image, and never attribute invented words to a real person or a real brand. That is the whole line, and it is not a hard one to stay on the right side of.
Does the preview upload my draft or my images anywhere?
No. The text, the avatar and the attached image are all read and rendered inside your browser with FileReader and a canvas, and there is no request to any server in the tool at all. SVG files are refused, because an SVG is a document that can carry script and nothing here needs vectors.
Why does the preview not use the exact X font?
Because X’s interface font is Chirp and it is licensed for X’s own use rather than for third parties, so an honest mockup substitutes a system font. The metrics are close and the layout, spacing and colours match, which is what you are checking. If a single line is a hair from wrapping in the preview, treat it as a line that will wrap.
Is this post preview free?
It is free with no account, no email address and no cap on how many previews you render or download. Nothing you type is stored, which matters because most people paste a draft that has not gone out yet.
Free preview now, a channel that runs itself next..
Checking one draft takes ten seconds. Having a draft to check every day is the part that takes your week.
Cancel any time · Secure checkout · 5-minute setup