Live Stream Shopping UI Mockup

0ViewsSep 2, 2026

Prompt

{ "type": "live stream UI mockup", "subject": { "description": "portrait of , smiling, wearing a black t-shirt with a white technical schematic graphic", "background": "left side shows a screen with '' text, right side shows a red '' and a dark car" }, "ui_overlay": { "top_header": { "host_info": "avatar, name '', subtext '55.6万本场点赞', red '关注' button", "rank_badge": "gold coin icon with '全站第1名'", "viewer_stats": "3 top viewer avatars with '12.3w', '8.6w', '5.7w', total '68.7万', 'X' close button", "right_links": "'更多直播 >', '礼物展馆 0/24' with blue '经典' tag" }, "mid_left_gifts": { "count": 2, "items": [ "avatar '科技爱好者', '送小心心', heart icon x 1314", "avatar '星辰大海', '送火箭', rocket icon x 666" ] }, "bottom_left_chat": { "system_message": "level 37 badge '宇宙漫游者加入了直播间'", "message_count": 7, "messages": [ "小火箭: 马斯克！未来可期！🚀", "future: 特斯拉Model 2什么时候出？", "星空梦想家: SpaceX今年能上火星吗？", "AI探索者: Neuralink进展如何？", "帅气的网友: 马总好！", "Mars: 第一次来你的直播，超激动！", "用户123: 讲讲AI吧，会取代人类吗？" ] }, "bottom_right_product_card": { "hot_tag": "orange '热卖 x 1888'", "image": "Tesla Cybertruck", "title": "", "price": "", "button": "red '抢' button", "floating_animation": "translucent hearts floating up the right edge" }, "bottom_bar": { "input_field": "'说点什么...'", "icons": ["smiley face", "three dots", "shopping cart", "gift box", "share"] } } }

Make it yours

Only the parts worth changing are shown. The prompt updates as you go.

host name

Who is on camera — this name is printed twice in the top bar, beside the avatar and in the host row, so keep it short enough to fit

product name

The item in the bottom-right sale card — a product plus a short descriptor, since the card gives the title barely two lines of space

product price

The price shown on the sale card, written with its currency symbol and thousands separators exactly as it should appear on screen

Open template

Model: GPT Image
Categories: UI & Social Mockup
Attribution: freestylefly GPT Image 2by@sjbbxhz SourceCommunity-sourced; commercial use is not guaranteed.
License: MIT