Vertical screen recording: turn a widescreen demo into Reels, Shorts and TikTok

To make a vertical screen recording for Reels, Shorts or TikTok, record a narrow browser window or tab so the page reflows into a taller layout, let zooms follow your clicks so small UI fills the phone, keep text and captions in the middle of the frame away from the platform's buttons, and export at 9:16, usually 1080 by 1920. Simply squeezing a 16:9 recording into a vertical frame leaves a tiny strip nobody can read. Here is the full workflow.

Why widescreen demos fail as a vertical screen recording

A desktop UI is built for a wide screen. Put a 16:9 recording into a 9:16 frame and it fills less than a third of the height, surrounded by empty bars. On a phone, buttons become a few pixels wide and body text becomes unreadable. Viewers scroll past in a second.

There are three ways to fix this, and the best results come from combining them:

1. Change what you record so the content is taller to begin with.
2. Zoom in on the part of the screen that matters at each moment.
3. Frame it for 9:16 with a background, so the remaining space looks intentional.

Step 1: Record a taller layout

Most web apps are responsive. If you make the browser window narrow, around 400 to 600 pixels wide, the page reflows into its tablet or mobile layout: one column, larger tap targets, stacked cards. That layout is naturally suited to a vertical frame.

• Resize the window to a narrow, tall shape before you start recording.
• Alternatively, use Chrome DevTools device mode to emulate a phone viewport and record the tab.
• Check that your key feature still works and looks good in that layout. Some dashboards hide important panels on small screens.
• If the product only makes sense on desktop, record the normal wide layout and rely on zooms in step 2.

Recording only the tab or a single window keeps your desktop and other tabs out of the shot. See how to record a window or full screen in Chrome for the options.

Step 2: Zoom so the UI fills the vertical frame

Zooms do most of the work in a vertical screen recording. When the view pushes in on the button you just clicked, a cropped region of a wide UI fills the tall frame and becomes readable on a phone.

Click & Record does this automatically. It logs every click (position and time) during recording and turns each into a zoom keyframe afterwards. Nearby clicks are linked so the camera pans across the interface while staying zoomed in, instead of pulsing in and out, and typing holds the zoom steady. Because zooms are a post-process, you can make them stronger for vertical exports, re-aim one that is slightly off, delete distractions and add manual zooms anywhere. For the general technique, see how to zoom in on a screen recording.

Tips for vertical zooms

• Zoom harder than you would for 16:9. A vertical frame shows a narrow slice, so a deeper zoom keeps text large.
• Keep clicks in one area when possible, so the camera does not have to travel far.
• Hold each zoom longer. Short-form viewers glance, so give each moment a second or two to land.

Step 3: Frame it for 9:16 and mind the safe zones

Each platform overlays its own interface on your video: the caption, account name and audio label along the bottom, and like, comment and share buttons down the right side. Anything important placed there gets covered.

Exact overlay positions vary by platform and change over time, so preview your export on a phone before posting. In the Click & Record editor you can choose the 9:16 aspect ratio, set a gradient or image background, add inset padding and rounded corners, and crop the recording, so the UI sits in the clear center with the rest of the frame filled deliberately.

Step 4: Captions for sound-off viewing

A lot of short-form viewing happens with sound off, so treat captions as part of the video, not an extra. Keep them short (a few words per line), high contrast, and in the center third of the frame.

Click & Record generates subtitles on your computer with a built-in Whisper speech model, with word-level timings and editable cues, and you can write cues by hand for a silent video. Export SRT or VTT if you want to upload captions to the platform separately. See how to add subtitles to a screen recording for free.

Step 5: Export at 9:16

Export MP4 (H.264 + AAC) at 1080 by 1920 for broad compatibility. Click & Record's export dialog shows the resolution, bitrate and estimated file size before you render. Before uploading, check each platform's current limits on length and file size in its help center, since they change.

Structure for a 20 to 45 second vertical demo

1. 0 to 2 seconds: the result or a bold claim on screen ("Turn any form into a chart in 3 clicks").
2. 2 to 30 seconds: the three clicks, each zoomed, with captions.
3. Last 3 to 5 seconds: the finished result and one line on where to find you.

Short-form loops replay automatically, so ending on the result and cutting straight back to the hook can work well.

One recording, every format

You do not need to record separately for each platform. Record once, then export 9:16 for Reels, Shorts and TikTok, 1:1 or 4:5 for LinkedIn (see LinkedIn product demo video), and 16:9 for your website or YouTube. Adjust zoom strength per export where needed.

Click & Record is a free Chrome extension with no account and no watermark, and everything runs locally on your machine. Already have a widescreen recording from another tool? Open it in the free browser editor, add manual zooms and captions, and export at 9:16 without installing anything. For short release clips, the feature announcement video format pairs well with vertical exports.