Skip to content

Mockup

iPad Pro 13″ mockup

240fps puts a screenshot, a screen recording or a live website inside an iPad Pro 13″ frame in Silver, Space Black, and exports it as an image (PNG, JPEG, WebP) or an animated video (MP4, WebM, GIF). The frame is drawn in code at any resolution, the iPad Pro 13″'s screen is 1032 × 1376 points, and designing is free in the browser.

iPad Pro 13″ mockup, made with 240fps

What an iPad mockup is good for

An iPad Pro 13″ makes a flat screenshot look like a real product in someone's hands or on their desk. Typical uses:

  • iPad App Store screenshots
  • Showing tablet layouts of an app or website
  • Education and productivity app promos
  • Landing page visuals

Put a website in the iPad Pro 13″

A website renders at 1032 × 1376 in portrait, the size the iPad's browser uses, so you see the site's real tablet layout. Turn the iPad to landscape and it renders again at the wider size.

Websites are rendered by a real browser on our server, so pages with animations, lazy-loaded images and web fonts come out the way visitors see them. Adding a website needs a free account.

From still image to video

Switch the editor from Mockup to Videos and the iPad Pro 13″ can move: zoom into a detail, tilt, glide, or cut between several screens. Add a headline, an animated cursor that clicks through your app, arrows and highlight boxes, and a soundtrack, then export an MP4 at up to 60 fps.

Mix it with other devices

Show the iPad Pro 13″ next to iPad Pro 11″, iPad Air 11″, iPad mini or any other device in the same scene: 240fps sizes them to their real proportions, so a phone beside a laptop looks right.

How to do it

  1. 1Open the editorOpen the editor with the iPad Pro 13″ already selected.
  2. 2Add your screenPaste a screenshot (⌘V), drop an image or video on the canvas, or choose Website and paste a URL.
  3. 3Style the scenePick a finish, a layout and a background, or start from a template.
  4. 4ExportExport an image, or switch to Videos, add motion and export an MP4, WebM or GIF.

Questions

What size is the iPad Pro 13″ screen in the mockup?

1032 × 1376 points, the same shape as the real screen. Your screenshot is fitted to it; a screenshot taken on an iPad Pro 13″ fits exactly.

Which iPad Pro 13″ colours are there?

Silver, Space Black.

Can I use a video in the iPad Pro 13″?

Yes. Drop an MP4, WebM or MOV screen recording on the screen and it plays inside the device, in the editor and in the exported video.

Is it free?

Designing is free: every device, finish, template and animation. Exporting images and videos comes with 240fps Monthly ($7 a month) or Lifetime ($39 once).

Is 240fps affiliated with Apple?

No. 240fps is independent; the product name only describes which device the frame shows.

Make it in your browser

Free to design, with every device and template. Recording your screen? Get the Mac app.

Open with the iPad Pro 13″