Concept render
Live code, inside the scene.
Paste HTML, a React component or a shadcn/ui component as a code layer. Inside an embed it runs live and responds to the pointer.
App Store preview videos, made from your real app.
Start from a screen capture of your app, add title cards and captions for a preview that plays muted, and mark each tap with a ring instead of a finger. Then export an MP4 to App Store Connect's rules: Apple's accepted size for iPhone, iPad, Mac or Apple TV, 30 fps at most, 15 to 30 seconds, with the stereo track it requires.
Unlimited free 1080p exports. No watermark. Runs in your browser.
Used by designers & marketers working with tier-one brands
.png)
.png)
.svg)
Start from a real screen capture.
Apple's rule for previews is short: show the app itself. So a preview made in Paraplex starts from a screen capture of your app, not a mockup. Record your iPhone or iPad with QuickTime on a Mac, or capture the Simulator, then drop the MP4 or MOV onto the canvas. It becomes a layer that plays on the timeline's clock, so every exported frame is the exact frame of your recording, and you trim either end down to the 15 to 30 seconds that show the most.
Start a new file at the App Store iPhone (886 × 1920) or App Store iPad (1200 × 1600) size and set the recording to Fill, and it runs edge to edge with nothing around it. For a Mac app, record its window with QuickTime and use a 1920 × 1080 landscape canvas. Apple recommends showing your app at its native resolution rather than zooming in, so let the capture carry the preview.
Show the tap without a finger.
Apple's guidance rules out people and hands: no fingers tapping the screen, no over-the-shoulder shots. It does allow graphics such as touch hotspots to show how an interaction works, and recommends straightforward transitions like dissolves and fades.
In Paraplex, add a cursor path in the Ring or iPad style and give it a stop on each tap: it pulses where the tap lands, with a Soft tap sound if you want one. Between screens, the Fade clip transition dissolves one capture into the next. Save slides, pushes and camera moves for your launch video, so the preview never suggests motion your app doesn't have.
Every cursor style, stop and click sound: more on the animated cursor.
Fade · one capture dissolves into the next
Ring · a pulse where the tap lands
Title card · held long enough to read
Words for a preview that plays muted.
App previews autoplay with the sound off, so the story has to work in text. 40+ text animation presets, 16 text styles and ready-made titles such as Caption pill and Lower third put a short line over each step, and the App Store export warns about words too small to read. Apple asks that text stay on screen long enough to read, and that previews leave out prices and dated lines like "new for spring", since one preview plays in every region for months.
For people who turn the sound on, type a script and pick an ElevenLabs voice: the voiceover lands as a track with a caption on each word, timed from the voice, and the Multilingual model reads 29 languages for localized previews. Describe a music bed and it arrives as its own track; Apple suggests one score across the whole preview. The AI ROI gap template, narrated this way, is playing here.
Exported to Apple's rules, checked first.
Menu › Export for App Store or slides… writes an MP4 to App Store Connect's rules for the slot you pick: Apple's accepted size for iPhone, iPad, or Mac and Apple TV in the piece's orientation, H.264, no more than 30 frames per second, 15 to 30 seconds long, and the stereo sound track App Store Connect requires, silent when your piece has none. A piece of another shape is re-composed for the frame, never cropped.
Before it writes the file, the Before it goes list marks each check as fine, changed for it, or worth a look, and the window says what to do with the file in App Store Connect. Those are the technical checks. Whether the footage shows your app in use is App Review's call, which is why everything on this page starts from screen captures.
One edit for every device slot.
App Store Connect asks for a preview per display size. As of November 2026 that's 886 × 1920 for every iPhone with Face ID or Dynamic Island, 1200 × 1600 for 13-inch and 11-inch iPads, and 1920 × 1080 landscape for Mac and Apple TV, and Apple scales your largest preview down to smaller displays when the interface matches. Add the App Store iPhone and iPad sizes as artboards beside your frame, and Responsive framing lays the title cards and captions out again for each shape, with your logo pinned to its corner.
Put the matching capture on each artboard, an iPad recording for the iPad slot, and export each one. You can upload up to three previews per size and language, so a second and third cut, or a version with captions in another language, come from the same file.
Keep the 3D phone for your launch video.
Paraplex's 3D phone, browser frames and camera moves make a strong launch video and the wrong App Store preview: App Review has rejected previews under guideline 2.3.4 for framing around the screen capture. Use them where they belong, in your launch post, on Product Hunt, on your website and in ads.
Promo from screens, playing here, turns a folder of up to eight screenshots and recordings into a launch film on a 3D phone, with a callout beside each screen, in 16:9 or 9:16. Make the store preview and the launch video from the same captures, and you have both.
Making the launch video too? See launch videos.
Google Play takes a YouTube link.
Google Play's preview video isn't an upload: you paste one YouTube URL into Play Console, and the video has to be public or unlisted, embeddable, not age-restricted and free of ads. It can be landscape or portrait, it autoplays muted for up to 30 seconds, and Google recommends that at least 80% of it show the real app, with captions and no black bars.
Make the same edit as a Landscape 16:9 or Vertical 9:16 artboard, export an MP4, and upload it to YouTube with monetization off. As with Apple, leave out fingers on the device, prices and calls to action like "Download now".
One preview in every slot Apple asks for.
Add the App Store iPhone and iPad sizes as artboards beside your frame, plus a 16:9 for Mac, Apple TV or a YouTube upload for Google Play. Responsive framing lays the titles and captions out again for each shape, and Export for App Store or slides re-composes anything that doesn't match the slot instead of cropping it. Sizes as listed in App Store Connect Help, November 2026.
iPhone
886 × 1920
portrait, or 1920 × 886 landscape, for every iPhone with Face ID or Dynamic Island
iPad
1200 × 1600
portrait, or 1600 × 1200 landscape, for 13-inch and 11-inch displays
Mac and Apple TV
1920 × 1080
landscape only, the same frame as a YouTube upload for Google Play
Landscape 16:9 · Mac, Apple TV and Google Play
App Store iPhone · 886 × 1920
App Store iPad · 1200 × 1600
What App Store Connect checks.
App Store Connect is strict about the file and App Review about the footage. These are Apple's rules as listed in November 2026, and what Paraplex does about each.
15–30
seconds long; App Store Connect rejects anything shorter or longer, and the App Store export checks the length first
30
frames per second at most; the App Store export writes H.264 at no more than 30 fps
File
H.264 in .mov, .m4v or .mp4, or ProRes 422 (HQ) in .mov
Up to 500 MB, with a 10 to 12 Mbps target for H.264
The poster frame defaults to the 5-second mark, and processing can take up to 24 hours
Footage
Screen captures of the app itself, plus narration and text or design overlays
No people, hands or fingers on the device, and no framing around the capture
Simple transitions such as dissolves and fades, and touch hotspots to show a tap
Words
Text that stays on screen long enough to read, since previews play muted
No prices and no dated lines, since one preview plays everywhere for months
Say so when a feature needs an in-app purchase, a subscription or a login
More for your app preview.
Describe the preview and the assistant drafts title cards and captions as layers you keep
Drop an MP4 or MOV from QuickTime or the Simulator straight onto the canvas
Split a clip at the playhead to cut a pause out of your recording
Pin to frame keeps your logo in the same corner on every device size
Image adjustments lift a dim capture: exposure, contrast, highlights and shadows
Tone mapping set to None keeps your app's colors exactly as captured
Music from a sentence, for one score across the whole preview
Captions out as SRT for the YouTube upload behind your Google Play preview
Templates for the launch video that goes with it
Each template opens with every layer, keyframe, light and camera move ready to edit.
Questions about App Store preview videos
What is an App Store preview video?
A short video of your app in use that plays on your App Store product page and in search results, before your screenshots. It autoplays with the sound off, runs 15 to 30 seconds, and has to be built from screen captures of the app itself, with narration and text or design overlays allowed. You can upload up to three for each display size and language.
What size should an App Store preview be?
As of November 2026, App Store Connect accepts 886 × 1920 portrait or 1920 × 886 landscape for iPhones with Face ID or Dynamic Island, 1200 × 1600 or 1600 × 1200 for 13-inch and 11-inch iPads, and 1920 × 1080 landscape for Mac and Apple TV. Paraplex has App Store iPhone and iPad sizes for new files, and Export for App Store or slides writes Apple's accepted size for the slot you pick.
How long can an App Store preview be?
Between 15 and 30 seconds, at no more than 30 frames per second, and up to 500 MB. Paraplex's App Store export checks the length and frame rate before it writes the file.
Can an App Store preview show my app on an iPhone or a 3D device?
No. Apple's guideline 2.3.4 says previews may only use video screen captures of the app itself, and App Review has rejected previews for framing around the screen capture. Show the capture full frame, and keep the 3D phone and browser frames for your launch video, ads and website.
Does an App Store preview need sound?
It needs a stereo audio track, but the track can be silent; Paraplex's App Store export adds a silent stereo track when your piece has none. Because previews autoplay muted, put the story in text and treat any voiceover as an extra for people who turn the sound on.
Can I make a Google Play preview video with Paraplex?
Yes. Google Play takes one YouTube link rather than an upload, so export an MP4 from the same edit, upload it to YouTube as public or unlisted with ads turned off, and paste the link into Play Console. Landscape and portrait both work.
Can I record my app inside Paraplex?
For a store preview, record your iPhone or iPad with QuickTime on a Mac or capture the Simulator, then drop the file in. Paraplex's own Menu › Record screen… is built for demos: it puts the recording on a card with rounded corners over a background and zooms on each action, which is framing a store preview shouldn't have. Use it for your website and launch video instead.
Will Paraplex make sure my preview passes App Review?
No tool can promise that. The App Store export checks what App Store Connect checks, size, frame rate, length and the stereo track, plus words too small to read and sound with no words on screen. Whether the footage shows your app in use is App Review's decision, so build the preview from screen captures, keep text short and readable, leave out prices, and say when a feature needs an in-app purchase, a subscription or a login.
Features in an App Store preview
Build with Paraplex.
Start free in your browser. Upgrade when your work needs 4K.
Paraplex is a browser-based 3D motion design studio with an AI assistant that edits real layers and keyframes.
How Paraplex compares for launch videos
As of October 2026
| Paraplex | Screen Studio | Rotato | A Fiverr freelancer | |
|---|---|---|---|---|
| Runs on | The browser, nothing to install | macOS only | Mac app; web version in public beta | Not applicable |
| Starts from | Your screenshots, screen recordings, SVGs or live code | A recording of your screen | Your screens on 30+ 3D device models | Your brief |
| 3D | Full 3D scenes: devices, glass, chrome, lights, camera moves | Device-frame mockups | 3D device mockups | Depends on the freelancer |
| Cursor | Animated cursor with clicks, taps and drags; seven styles | Smoothed, restyled cursor with click ripples and auto-zoom on clicks | Not listed | Depends on the freelancer |
| Exports | MP4, WebM (alpha on Pro), GIF, PNG, live embed; every aspect ratio from one scene | MP4, GIF | ProRes 4444, H.264 or HEVC up to 8K, PNG frames, web export | As agreed |
| Price | Free (1080p, no watermark); Pro from $19/mo billed yearly | $9/mo billed yearly, or $29 month to month | One-time purchase tiers | $40 to $350 per app promo, across 1,000+ gigs |
When to pick something else. If your video is a recorded walkthrough of a real product session, Screen Studio's auto-zoom on a live recording is the faster path on a Mac. If you want a clickable tour that visitors step through themselves, interactive demo platforms such as Arcade, Storylane and Navattic are built for that. If you want one prompt to return a finished video with little editing, one-prompt tools such as Hera Launch, Motion.so and Pexo aim there. Paraplex is for launch pieces you direct shot by shot, in 3D.
CSS stand-in · LV-03a
CSS stand-in · LV-03b
CSS stand-in · LV-03c
Render needed · LG-00
Shot title
10 s loop · 16:9 · MP4, WebM and poster
Shot brief goes here.
When every new site starts from the same AI-built layout, they start to look alike. The hero is where yours can stand apart. Paraplex builds real 3D scenes lit like a studio, lets them answer the pointer and the scroll, and publishes them as a live embed you paste into any site, with every layer still yours to edit.
Stunning hero visuals in seconds.
Interactions are set in the editor, tried in Preview the way a visitor would, and carried into the embed. Every interactive layer also gets a keyboard-focusable stand-in, so it can be reached with Tab and Enter.
Render needed · WH-02a
Hover
6 s loop · 16:9 with a center-safe 1:1 · Preview recording · MP4, WebM and poster
Chrome & glass hero in Preview. A cursor glides onto the glass card; it lifts and its rim brightens on a spring, then settles as the cursor leaves. Same set and framing in WH-02a to e.
Hover
Give a layer a hover state: its own properties change over a duration you set, springs included.
Render needed · WH-02b
Click
6 s loop · 16:9 with a center-safe 1:1 · Preview recording · MP4, WebM and poster
Same scene. The cursor clicks a hotspot and the camera glides to frame the chrome panel; a second click glides it back.
Click
A click can jump to a time, play a range, play or pause, open a link, or glide the camera to a hotspot.
Render needed · WH-02c
Drag
6 s loop · 16:9 with a center-safe 1:1 · Preview recording · MP4, WebM and poster
Same scene. The cursor drags the glass card along X and lets go; a fine white particle field scatters away from the pointer and drifts back.
Drag
Visitors can drag a layer along an axis, and particles can scatter away from the pointer.
Render needed · WH-02d
Scroll
6 s loop · 16:9 with a center-safe 1:1 · Preview recording · MP4, WebM and poster
Same scene inside a plain page. Scrolling down plays the chrome panel's turn forward; scrolling up plays it back.
Scroll
The visitor's scrolling drives the timeline, so the scene plays forward and back as the page moves.
Render needed · WH-02e
Camera
6 s loop · 16:9 with a center-safe 1:1 · Preview recording · MP4, WebM and poster
Same scene with Orbit on. The cursor drags and the camera circles the pair, so studio reflections slide across the glass and chrome.
Camera
Let visitors Orbit the scene, Look around it like a panorama, Walk through it with W A S D, or keep the camera Fixed.
From a sentence to your homepage.
The assistant can draft the scene, but nothing goes live until you've seen it, and every part of it stays yours to change. Each step below is a tool in the editor.
01
Describe it, and the assistant builds it.
Type what you want, such as a chrome panel turning behind a frosted glass card, or attach a screenshot or video to build from. The AI motion design assistant builds it with the editor's own layers, keyframes, lights and camera moves, using 140 tools, and every turn is a preview you Apply or Discard.
Render needed · WH-03a
Describe it
6 to 8 s loop · 9:16 crop of a screen recording · MP4, WebM and poster
A one-line prompt for a website hero typed into the assistant; layers appear as the scene builds; Apply.
02
Review it, then change anything.
The assistant renders the piece at up to six moments and checks that everything is in frame and the type is readable. What it makes stays ordinary layers and keyframes: retime a move by hand, swap a material, or click layers with Point at it and ask for a change. Each applied turn undoes in one step.
Render needed · WH-03b
Change anything
6 to 8 s loop · 9:16 crop of a screen recording · MP4, WebM and poster
Point at it: two layers clicked on the canvas and a change requested, then one keyframe dragged by hand on the timeline.
03
Make it answer the visitor.
Give layers hover and click states, let them be dragged, let scrolling drive the timeline, or build a state machine with an idle loop and a press. Then open Preview and try it the way a visitor will, with hover, click, drag and scroll all working.
Render needed · WH-03c
Add interactions
6 to 8 s loop · 9:16 crop of a screen recording · MP4, WebM and poster
A hover state added to the glass card in the properties panel, then Preview: the cursor hovers, clicks and scrolls, and the scene answers each time.
04
Publish, copy, paste.
Publish embed gives you a snippet that puts the live scene on any website, playing in real time. Paste it into your page, and breakpoints let the embed pick an artboard by page width, so one hero fits desktop and phone layouts.
Render needed · WH-03d
Publish and paste
6 to 8 s loop · 9:16 crop of a screen recording · MP4, WebM and poster
Publish embed, the snippet copied, then pasted into a site builder's embed element; the live hero appears on the page.
Paste it into Webflow, Framer, or any site.
A Paraplex hero isn't a video file you host. It's the live scene, published once and placed with a snippet wherever your site builder takes custom code. Breakpoints pick the right artboard for each screen.
.svg){kind=logo}
Webflow
Framer
Any HTML page
Render needed · WH-04a
Webflow, phone
6 to 8 s loop · 9:16 phone screen recording · MP4, WebM and poster
A published Webflow page whose hero is the Chrome & glass hero embed; the vertical artboard is picked by breakpoint and a thumb scroll plays the scene.
A Webflow page at phone width
Render needed · WH-04b
Framer, phone
6 to 8 s loop · 9:16 phone screen recording · MP4, WebM and poster
The same embed in a published Framer site; a tap on the glass card plays its press state.
The same hero in a Framer site
Render needed · WH-04c
Plain HTML, phone
6 to 8 s loop · 9:16 phone screen recording · MP4, WebM and poster
The same embed pasted into a bare HTML page; a two-finger drag orbits the camera.
And in a plain HTML page
Paste
Publish embed gives you the snippet
Paste it where your site takes custom code: a Code Embed in Webflow, an Embed in Framer
Or into the HTML of any page
Fit every screen
Breakpoints pick an artboard by page width
Responsive framing re-stacks blocks for each shape
Sizes in vw, vh and percent follow each artboard
Fill it from the page
Fill a headline, a number, a color or a picture by layer name
Switch Light and Dark themes live
Send inputs to a state machine, or pass scroll progress
What makes a hero look expensive.
Concept render
Lit like a studio.
Eleven environments, eight HDRI panoramas and a one-click 3-point setup, with soft shadows and real reflections.
Concept render
Every keyframe stays open.
Templates and the assistant build ordinary layers and keyframes you can retime by hand.
Concept render
Real glass and chrome.
Physical glass bends and frosts whatever sits behind it, with refraction and dispersion, and Liquid glass panes split the light at their rims.
Render needed · LG-00
Shot title
10 s loop · 16:9 · MP4, WebM and poster
Shot brief goes here.
Glitch it, flash it, sweep light across it.
A library of 26 effects works on the whole frame or on the logo alone, every dial keyframeable: glitch, RGB shift, chromatic aberration, VHS, datamosh, pixelate, ripple and dissolve among them. Text can Glitch in or Decode, flickering through random characters before it settles.
A Light sweep runs a bright band across chrome, Emit light makes the mark glow and light what's around it, and 18 scene transitions such as Flash frame, Glow in and Burn in open or close the sting. The Glitch title template is playing here.
Render needed · LA-02d
Fade, staggered
4 s loop · 16:9 · MP4, WebM and poster
Same set. A mark built from four chrome parts fades in part by part with a stagger, then the wordmark fades up beneath it.
Fade with a stagger · part by part
Render needed · LA-02e
Tracking in
4 s loop · 9:16 · MP4, WebM and poster
Same set. The wordmark closes in from wide letter spacing to its set tracking as a Light sweep crosses the chrome symbol above it.
Tracking in · letters close from wide spacing
Render needed · LA-02f
Glitch in
4 s loop · 1:1 · MP4, WebM and poster
Same set. The wordmark Glitches in and holds, then exits the same way; keep the RGB split brief and small so the frame stays near-monochrome.
Glitch in · and out again as the exit
.jpg)
Render needed · PD-05
Data variants for three prospects
8 s · 16:9 screen recording · MP4, WebM and poster
A spreadsheet with three invented companies (name, logo, one metric) is imported into a demo scene; Data variants shows the three versions side by side, then Export all variants starts. Invented brands only; dark editor UI.
Promo from screens, playing here, turns a folder of up to eight screenshots and recordings into a launch film on a 3D phone, with a callout beside each screen, in 16:9 or 9:16. Make the store preview and the launch video from the same captures, and you have both.
Render needed · ASP-00
One preview, every device slot
12 s loop · 16:9 · MP4, WebM and poster
On a graphite seamless, two bare video panels with no device frames: an 886 × 1920 iPhone preview and a 1200 × 1600 iPad preview of the same invented app, each playing a full-screen screen capture with short white title cards and word-timed captions. A soft ring pulses once where a tap lands. A thin label under each panel names its size. Near-monochrome, warm white key.
Render needed · ASP-02a
A plain fade between screens
4 s loop · 16:9 · MP4, WebM and poster
Two full-screen captures of an invented iPad app in landscape dissolve from one screen to the next on a simple fade. No slide, push or zoom that would suggest motion the app doesn't have.
Render needed · ASP-02b
A ring where the tap lands
4 s loop · 9:16 · MP4, WebM and poster
An iPhone capture plays full screen. A Ring cursor pulses once over a button as it's tapped, then fades. No hand, no finger, no device frame.
Render needed · ASP-02c
A title card you can read
4 s loop · 1:1 · MP4, WebM and poster
A short white title card in invented copy rises over the app's own softened screen, holds long enough to read, then fades back to the capture.