imageFree

Short-Video App UI Mockup

Generates a realistic mobile short-video app interface overlaying a customizable scenic background image. (free to use) — Free AI image template on PicX Studio.

gpt-image-2

Sample Prompt

{ "type": "mobile short-video app interface mockup", "background_image": "{argument name=\"landscape subject\" default=\"majestic snow-capped mountain peak illuminated by golden hour sunlight with a winding river in a lush green valley\"}", "layout": { "top_status_bar": { "time": "9:41", "icons": ["cellular signal", "wifi", "battery"] }, "top_navigation": { "left_icon": "hamburger menu", "right_icon": "search magnifying glass", "center_labels": ["经验", "同城", "关注", "商城", "{argument name=\"active tab\" default=\"推荐\"}"] }, "right_interaction_bar": { "count": 6, "items": [ {"icon": "profile picture with red plus button"}, {"icon": "heart", "label": "{argument name=\"like count\" default=\"360.8万\"}"}, {"icon": "speech bubble", "label": "16.6万"}, {"icon": "star", "label": "38.0万"}, {"icon": "share arrow", "label": "164.5万"}, {"icon": "spinning music record"} ] }, "bottom_left_info": { "username": "{argument name=\"username\" default=\"@摄影师-青锋\"}", "caption": "{argument name=\"video caption\" default=\"川西真的美成了仙境，一定要和心爱的人去一次川西！#川西 #旅行 #雪山 #... 展开\"}", "music_ticker": "去汽水听 > 风吹又日晒 (DJ版) - 张" }, "bottom_navigation": { "count": 5, "items": [ {"label": "首页"}, {"label": "朋友", "badge": "24"}, {"icon": "square plus button"}, {"label": "消息", "badge": "4"}, {"label": "我"} ], "home_indicator": "horizontal line at bottom" } } }

A practical guide to Short-Video App UI Mockup

Use Short-Video App UI Mockup to plan an AI image around gpt-image-2 generation, themes such as en and gpt-image-2. Match the preview's composition first, then personalize the subject, setting, and mood for your own project.

Model direction: start with gpt-image-2, the model this template was tuned for, before comparing another model.
Composition: choose an aspect ratio for the final placement before you generate the image.
Creative direction: use en, gpt-image-2, twitter as the main visual anchors and change one variable at a time.