# Phone Frame: Phone Mockup

Your app screenshot or screen recording sits in a phone frame that enters, tilts and floats. Use this video template in Subclip or copy its code for Claude.

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

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

An phone-style mockup animation that places your app screenshot or screen recording inside a phone frame with an entrance and a gentle float.

- 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/phone-frame

A phone frame with a light bezel and a pill-shaped camera cutout enters on a dark background. Your screenshot or video plays inside the screen, clipped to its rounded corners. Once in place, the phone can tilt slightly and float up and down in a slow loop with a soft shadow beneath it. The scene runs for eight seconds, long enough to show a short app clip or a single screen in detail.

Drop in your screen image or video and pick the phone variant and entrance style. You can change the bezel and screen colors, the corner radius of the body and screen, the overall scale and tilt angle, and whether the camera cutout shows. The float loop, its height and the shadow can be turned on or off. Use it for mobile feature demos, app launch videos and social posts about your app.

## Use it for

- Mobile app feature demos
- App launch videos
- Showing vertical clips in landscape
- Social posts about your app

## What you can change

- `speed`: Playback speed (Number)
- `variant`: Phone style (Text)
- `entrance`: Entrance style (Text)
- `screenSrc`: Screen image or video (Image or video)
- `bezelColor`: Bezel color (Color)
- `screenColor`: Screen color (Color)
- `radius`: Phone corner radius (Number)
- `screenRadius`: Screen corner radius (Number)
- `scale`: Size (Number)
- `tiltAngle`: Tilt angle (Number)
- `showDynamicIsland`: Show camera cutout (On or off)
- `floatLoop`: Float loop (On or off)
- `floatAmplitude`: Float height (Number)
- `shadow`: Shadow (Text)
- `fontFamily`: Font (Text)
- `stageBackground`: Background around the scene (Text)

## 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 Phone 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 Phone Frame from snapcn: https://snapcn.dev