Livestream Commerce UI Mockup

0ViewsJun 23, 2026

Prompt

{ "type": "live stream UI mockup", "subject": { "description": "portrait of , smiling, dressed in a black t-shirt featuring a white technical schematic print", "background": "left side displays a screen showing '' text, right side shows a red '' and a dark-colored car" }, "ui_overlay": { "top_header": { "host_info": "avatar, host name '', subtext '556k likes this stream', red 'Follow' button", "rank_badge": "gold coin icon labeled 'No.1 Site-wide'", "viewer_stats": "3 top viewer avatars with counts '123k', '86k', '57k', total viewers '687k', 'X' close button", "right_links": "'More streams >', 'Gift Hall 0/24' with blue 'Classic' tag" }, "mid_left_gifts": { "count": 2, "items": [ "avatar 'TechFan', 'sent a Little Heart', heart icon x 1314", "avatar 'SeaOfStars', 'sent a Rocket', rocket icon x 666" ] }, "bottom_left_chat": { "system_message": "level 37 badge 'CosmicWanderer joined the stream'", "message_count": 7, "messages": [ "LittleRocket: Musk! The future is bright! 🚀", "future: When is Tesla Model 2 coming out?", "StarryDreamer: Will SpaceX reach Mars this year?", "AIExplorer: What's the latest on Neuralink?", "HandsomeNetizen: Hello Boss Ma!", "Mars: First time watching your stream, super excited!", "User123: Talk about AI — will it replace humans?" ] }, "bottom_right_product_card": { "hot_tag": "orange 'Hot Sale x 1888'", "image": "Tesla Cybertruck", "title": "", "price": "", "button": "red 'Buy' button", "floating_animation": "translucent hearts drifting up along the right edge" }, "bottom_bar": { "input_field": "'Say something...'", "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 and in the top header — the name appears twice and the chat talks to them, so pick someone recognizable

Product name

The item on the bottom-right buy card — a full retail product title, since it has to read at card size next to the price

Product price

The price on the buy card, written with its currency symbol and separators exactly as it should appear, e.g. ¥1,618,000

Open template

Model: GPT Image
Categories: UI & Social Mockup
Attribution: EvoLink GPT Image 2 Promptsby@iamaiistudio Source
License: CC0-1.0