The post frame is always visible here while you position the header image and footer metadata.
READY X preset
Original reference
Drop the original screenshot on the left to compare it with the rebuilt post here.
Rebuilt post frame
READY
The full post frame stays visible here so you can compare the rebuilt composition against the original screenshot.
How to use this tool
  1. Import the post text. Drop a screenshot on the OCR box to auto-extract the text (Tesseract runs in your browser, 100% free), paste from the clipboard, or type it directly in the Post text area.
  2. Drop the header image. Upload a screenshot of the account strip (avatar + handle) as a PNG with transparent or matching background. Adjust Header X / Y / scale and Whole header X / Y to align it against the original post.
  3. Fill in the footer. Enter Reposts, Likes, and Date fields to match the original. Fine-tune position with Footer stats X/Y and Footer date X/Y sliders.
  4. Pick Landscape, Portrait, or Square under Post frame shape. This sets the aspect ratio of the exported video.
  5. Toggle Grid on (top of the stage panel) for precise alignment against the original screenshot. The grid is design-only — it never appears in the recording.
  6. Choose your animation: Typewriter (with keyboard sound) or Highlighter (marker pen sweep). For highlight, select text in the Post text area and tap Set marker from selection to add a range.
  7. Press Fit before recording. This is important: the tool records exactly what you see in the REBUILT POST FRAME. Tap the Fit button (next to Frame zoom) so the post frame sits at its natural, unscaled size before you arm the recorder. Whatever is visible in the preview is what ships in the video.
  8. Arm the recording. Set FPS, bitrate, format, and capture quality. Tap Start recording only — recording runs independently from playback. Then tap Play to trigger the animation while the recorder captures frames.
  9. Stop recording when the animation finishes. The file appears in the Downloads list. For MP4 transcode, give it a few seconds to finish encoding.

Audio export note: the keyboard typewriter sound is included only in WebM recordings and in WebM → MP4 transcode (the transcode preserves the audio track as AAC). Native MP4 recording in browsers is inconsistent across engines — if you need guaranteed audio in your final video, use one of the two WebM-based options. WebM files play in VLC, QuickTime (with plugin), and every major web/social platform; if you need a clean .mp4, pick MP4 via ffmpeg transcode.

Why Fit matters: the recorder captures the post frame at its native pixel dimensions. If you've zoomed in or out in the preview, the output video dimensions change accordingly. Tap Fit to reset to 100% (or to best-fit on mobile) right before pressing Record — this guarantees the output video matches what you've designed, pixel for pixel.