Social Media Video App UI Mockup
Generates a realistic full-screen mobile app interface resembling a short-form video platform, featuring a customizable main image and UI overlays.

- Prompt included
- Model and format preset
- Free template

The prompt behind this image
Copy the exact prompt behind Social Media Video App UI Mockup, or open it in the studio and make it yours.
- Type
- social media short video app interface mockup
- Main Image › Subject
- {argument name="subject description" default="young Asian woman with long dark hair wearing a white off-the-shoulder top"}
- Main Image › Pose
- looking back over her shoulder at the camera, gentle smile, hair blowing slightly in the wind
- Main Image › Setting
- {argument name="background location" default="riverside promenade at sunset with a tall modern tower and city skyline"}
- Main Image › Lighting
- golden hour, warm sunlight reflecting on the river
- Ui Layout › Top Bar › Status Icons
- time 9:41, cellular signal, wifi, battery 100
- Ui Layout › Top Bar › Navigation › Left
- menu icon
- Ui Layout › Top Bar › Navigation › Center Tabs
- 经验, 团购, 关注, {argument name="active top tab" default="推荐"}
- Ui Layout › Top Bar › Navigation › Right
- search icon
- Ui Layout › Right Sidebar › Count
- 6
- Ui Layout › Right Sidebar › Elements
- profile picture with pink plus button, heart icon with text '23.6万', chat bubble icon with text '1.6万', star icon with text '2.8万', share arrow icon with text '3.7万', spinning music record icon
- Ui Layout › Bottom Left Overlay › Username
- {argument name="username" default="@小鹿的日常"}
- Ui Layout › Bottom Left Overlay › Caption
- {argument name="caption text" default="吹着晚风,看着日落,这一刻好治愈~ 🌅"}
- Ui Layout › Bottom Left Overlay › Audio Track
- 🎵 原声 @小鹿的日常创作的原声
- Ui Layout › Bottom Navigation Bar › Count
- 5
- Ui Layout › Bottom Navigation Bar › Tabs
- 首页, 朋友 (with red badge '2'), central plus button in rounded square, 消息 (with red badge '5'), 我
Raw JSON
{
"type": "social media short video app interface mockup",
"main_image": {
"subject": "{argument name=\"subject description\" default=\"young Asian woman with long dark hair wearing a white off-the-shoulder top\"}",
"pose": "looking back over her shoulder at the camera, gentle smile, hair blowing slightly in the wind",
"setting": "{argument name=\"background location\" default=\"riverside promenade at sunset with a tall modern tower and city skyline\"}",
"lighting": "golden hour, warm sunlight reflecting on the river"
},
"ui_layout": {
"top_bar": {
"status_icons": ["time 9:41", "cellular signal", "wifi", "battery 100"],
"navigation": {
"left": "menu icon",
"center_tabs": ["经验", "团购", "关注", "{argument name=\"active top tab\" default=\"推荐\"}"],
"right": "search icon"
}
},
"right_sidebar": {
"count": 6,
"elements": [
"profile picture with pink plus button",
"heart icon with text '23.6万'",
"chat bubble icon with text '1.6万'",
"star icon with text '2.8万'",
"share arrow icon with text '3.7万'",
"spinning music record icon"
]
},
"bottom_left_overlay": {
"username": "{argument name=\"username\" default=\"@小鹿的日常\"}",
"caption": "{argument name=\"caption text\" default=\"吹着晚风,看着日落,这一刻好治愈~ 🌅\"}",
"audio_track": "🎵 原声 @小鹿的日常创作的原声"
},
"bottom_navigation_bar": {
"count": 5,
"tabs": [
"首页",
"朋友 (with red badge '2')",
"central plus button in rounded square",
"消息 (with red badge '5')",
"我"
]
}
}
}How to use Social Media Video App UI Mockup in 3 steps
- 1Upload ImagePNG, JPG or paste
Add your photo
Upload the photo the template builds on. The prompt, model and format are already set.
- 2…a portrait of your subject in softgolden-hour light, 85mm…
Personalize
Edit the subject and creative details for your destination.
- 3
GenerateGenerate
Press Generate — your image is created in PicX Studio, so you can compare it with the original and refine one variable at a time.
More like this
Templates with the same subject, style or setup. Open one to see its prompt.

Social Media App Interface Mockup

Social Media Product Announcement Mockup

Historical Social Media Feed Mockup

Social Media Concert Story Mockup

Lumen iOS Wellness App Mockup

Bedtime Companion App Mockup

Shattered Screen Social Media Ad

Torn Social Media Profile Art

Pet Apparel Replacement Mockup

VLOG Style Social Media Post

Clean Professional Social Media Avatar

Social Media Magazine Cover
Make it yours
Social Media Video App UI Mockup works as-is. These are the safest ways to change it without losing the look.
Swap the setting
Keep the rest of the prompt and replace the location block. The current setting is “{argument name="background location" default="riverside promenade at sunset with”.
Swap the light
One lighting change is enough to compare takes. Current light: “golden hour, warm sunlight reflecting on the river”.
Change one field
Copy a single group, rewrite it, and generate again so you can see what that field is doing.
| If the result… | Why | Fix |
|---|---|---|
| The result drifts from the preview | Too many fields changed at once. | Reuse Social Media Video App UI Mockup as-is first, then change one group — subject, light, or setting. |
| GPT Image 2 ignores part of the JSON | Some models flatten or skip nested keys. | Keep the same values and paste them as a short paragraph instead. |
More GPT Image 2 templates
Other prompts made for GPT Image 2.
More image prompts
Fresh picks from across the catalog.
Browse template categories
Social Media Video App UI Mockup questions
How do I use the Social Media Video App UI Mockup template?
Add your photo if the template asks for one, edit the prompt if you like — the template's model and format are already selected — and press Generate. Your version opens in PicX Studio.
Can I customize the Social Media Video App UI Mockup template?
Yes. You can change the subject, setting, lighting, mood, format, and available model controls before creating your image.
Is the Social Media Video App UI Mockup template free?
Opening and editing this template is free. Generating uses credits, shown on the Generate button when you are signed in.
Which AI model should I use?
Start with GPT Image 2, which is the model associated with this template. You can compare another compatible model for a different finish.
Looking for something else? Browse all templates.

Your photo, any look
Thousands of ready templates for every top image and video model, from one credit balance.



















