Design Tools
Color Picker
Pick a colour and read off its HEX, RGB and HSL values.
Design Tools
Tweet Generator
Render an X (Twitter) post mockup with your own text and download it as a PNG.
Tool Panel
About Tweet Generator
Renders an X (Twitter) post for mockups and layout work, exported at 2x for crisp text. The optional label marks it as a mockup.
- 1
Draws a realistic post image element by element on canvas — avatar, handle, body, timestamp and engagement counts — then exports it as an image. It does not screenshot a real post; every character is typed by you.
- 2
Counts follow social formatting: below 1000 as-is, then 1.2K and 12.3K keeping one decimal until two integer digits, and M above a million.
- 3
The avatar is generated from the name: CJK takes the first two characters, Latin names take the initials of the first and last words. The background colour is a hash of the name, so the same name always gets the same colour.
- 1
Enter handle and body
The handle drives the avatar text and colour; the body accepts multiple lines.
- 2
Set the counts
Type raw numbers — the abbreviation is computed, you never format 1.2K by hand.
- 3
Download the image
The PNG is ready for illustrations or mockups.
No. It is a locally drawn mock card where every field comes from your input, unconnected to any real account. For that reason, do not use it to fabricate someone else's statement.
The avatar is composed from the name initials and a hashed background colour. For a real photo, composite it yourself after exporting.
Related tools
View allDesign Tools
Contrast Checker
Check foreground and background contrast against accessibility thresholds.
Design Tools
Design Tools
Gradient Generator
Build CSS linear and radial gradients visually, then copy the code.
Design Tools
Design Tools
Box Shadow Generator
Tune a box shadow visually and copy the CSS.
Design Tools
Design Tools
Unit Converter
Convert physical units across length, weight, volume and more.
Design Tools
Design Tools
Bytes Converter
Convert between bytes, KB, MB, GB and TB.
Design Tools