# Laptop Frame: Laptop Mockup

A laptop opens, plays a notch alert, then pushes in until your image or video fills the screen. Use this video template in Subclip or copy its code for Claude.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/laptop-frame

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-snapcn-laptop-frame.mp4?v=a3de00b01d

A laptop mockup animation where the lid opens, a notch notification plays, and the camera pushes into the screen until your content fills the frame.

- Framework: Remotion
- Category: Screens & Devices
- Duration: 8 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/laptop-frame

A laptop enters and its lid opens to show your screenshot or video on the display. A small notification then plays from the notch at the top of the screen, with a short label and a battery indicator. Next, the camera pushes toward the display until the screen content fills the whole frame. The sequence runs eight seconds and ends on your content at full size, ready to cut into the real recording.

Add your screen image or video, then pick the entrance and the finale. You can edit the notch label, hide the notch, and set the battery level shown in it. Bezel and screen colors, resting tilt, corner radius, scale, float loop and its height, and the shadow are all adjustable, plus the font. It suits software launch videos, SaaS demos and any transition from a device shot into a full screen recording.

## Use it for

- SaaS and desktop app demos
- Software launch videos
- Transition into a screen recording
- Website showcase videos

## What you can change

- `speed`: Playback speed (Number)
- `screenSrc`: Screen image or video (Image or video)
- `entrance`: Entrance style (Text)
- `finale`: Ending style (Text)
- `notchLabel`: Notch notification text (Text)
- `showNotch`: Show notch (On or off)
- `batteryLevel`: Battery level (Number)
- `bezelColor`: Bezel color (Color)
- `screenColor`: Screen color (Color)
- `restTilt`: Resting tilt (Number)
- `radius`: Corner radius (Number)
- `scale`: Size (Number)
- `floatLoop`: Float loop (On or off)
- `floatAmplitude`: Float height (Number)
- `shadow`: Shadow (Text)
- `fontFamily`: Font (Text)
- `stageBackground`: Background around the scene (Color)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Laptop Frame and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.

Built on Laptop Frame from snapcn: https://snapcn.dev