imageFree

E-commerce Live Stream UI Mockup

Generates a highly detailed mobile app interface for a live shopping stream, featuring a host, product overlays, and real-time chat elements. (free to use) — Free AI image template on PicX Studio.

gpt-image-2

Sample Prompt

{ "type": "mobile live stream UI mockup", "subject": { "description": "young Asian woman in traditional light peach Hanfu with floral embroidery, ornate gold and pearl hairpins with pink flowers, smiling, looking at camera, holding a round tin of floral tea", "foreground_objects": { "count": 5, "items": [ "round tin held by host", "round tin on table", "rectangular box on table", "open tin with dried tea leaves", "clear glass teacup with blooming pink flower" ], "labels": ["牡丹花茶"] }, "background": "traditional Chinese interior, warm lighting, wooden lattice screens, pink floral branches" }, "ui_layout": { "top_bar": { "elements": ["19:37", "signal bars", "wifi", "battery"] }, "top_left": { "host_info": { "name": "{argument name=\"host name\" default=\"小雅国风严选\"}", "stats": "83.0万本场点赞", "button": "关注" }, "badges": ["带货榜", "人气榜"], "promo_banner": "领券下单更优惠点击领取" }, "top_right": { "viewers": { "count": 3, "text": "10万+", "close_button": "X" }, "links": ["更多直播 >"], "event_banner": { "title": "{argument name=\"event banner text\" default=\"抖音618好物节\"}", "dates": "5.24-6.18" } }, "mid_left_events": { "gift_count": 2, "gifts": [ {"user": "可乐", "action": "送小心心", "combo": "x 16"}, {"user": "安安", "action": "送人气票", "combo": "x 21"} ], "join_notification": "加入了直播间" }, "bottom_left_chat": { "message_count": 5, "messages": [ "{argument name=\"chat message\" default=\"主播这款花茶喝了美容养颜吗？\"}", "包装也太好看了吧！", "拍了2号链接，期待发货~", "主播讲讲功效呗", "已经回购三次了，味道很正！" ] }, "bottom_product_card": { "title": "小雅严选 {argument name=\"product name\" default=\"牡丹花茶\"}礼盒装", "guarantee": "坏损包退 7天无理由退货", "price": "{argument name=\"product price\" default=\"¥ 89.9\"}", "button": "抢" }, "bottom_nav_bar": { "input_placeholder": "说点什么...", "icons_count": 5, "icons": ["smiley", "shopping cart", "gift", "heart", "more options"] } } }

A practical guide to E-commerce Live Stream UI Mockup

Use E-commerce Live Stream 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.