UI Mockups
Livestream Creator Dashboard
A desktop browser mockup of a livestream creator control dashboard in dark mode at 1920 px wide. The layout has a large center preview wind…
Dark ModeNeonFlat
UI Mockups
Pixel-perfect mockups of apps, dashboards, settings panels, and product interfaces — including dark mode and mobile variants.
160 cases
160 cases
UI Mockups
Video Editor Timeline Interface
A realistic desktop screenshot mockup of a professional video editing application at 1920×1080, dark-mode. Layout divided into three zones:…
Dark ModeFlatMinimalist
UI Mockups
Vision Pro Spatial Music Player UI
A concept mockup of a spatial UI music player designed for a mixed-reality head-mounted display, shown as a floating window suspended in a…
GlassmorphismDark Mode3D
UI Mockups
Community Pantry Desk
Build a 16:9 inventory batch matrix for “Community Pantry Desk,” giving field staff one clear goal: “登记补给批次.” Make a page skeleton of pendi…
UIRealistic
UI Mockups
Flood Drill Planner
Render the “Flood Drill Planner” collaboration relay board at 1:1, with every component supporting “合并演练节点.” Organize the page through cont…
UIInfographic
UI Mockups
Hive Climate Monitor
Render the “Hive Climate Monitor” sample monitoring console at 3:2, with every component supporting “更新蜂箱读数.” Build the main workspace with…
UIRealistic
UI Mockups
Archive Repair Queue
Build a 1:1 repair ticket queue for “Archive Repair Queue,” giving field staff one clear goal: “合并修复页.” Place the object list on the left a…
UIInfographic
UI Mockups
Night Bus Guardian
Turn “比对候车点” into the main workflow of a 16:9 “Night Bus Guardian” route-risk map. Build the main workspace with route polylines, risk segm…
UIRealistic
UI Mockups
Rooftop Garden Watering
Produce a field-facing “Rooftop Garden Watering” sample monitoring console, using a 16:9 canvas and the primary task “清点灌溉区.” Use secondary…
UIInfographic
UI Mockups
Coastal Cleanup Board
Turn “认领净滩袋” into the main workflow of a 1:1 “Coastal Cleanup Board” route-risk map. Organize the page through markers anchored to real pos…
UIRealistic
UI Mockups
Lost Item Relay
Build a 16:9 collaboration relay board for “Lost Item Relay,” giving field staff one clear goal: “追踪失物线索.” Use markers anchored to real pos…
UIInfographic
UI Mockups
Rural Cinema Scheduler
Render the “Rural Cinema Scheduler” booking calendar at 9:16, with every component supporting “回访放映场次.” Set markers anchored to real positi…
UIRealistic
UI Mockups
Tool Library Checkout
Turn “预约借用工具” into the main workflow of a 3:2 “Tool Library Checkout” inventory batch matrix. Use an action drawer below, moving from pendi…
UIInfographic
UI Mockups
Tactile Museum Guide
Create a “Tactile Museum Guide” collaboration relay board in a 3:2 frame so field staff can perform the Chinese action “更新触觉站点.” Use marker…
UIRealistic
UI Mockups
Heritage Tree Record
Produce a field-facing “Heritage Tree Record” collaboration relay board, using a 9:16 canvas and the primary task “校准古树档案.” Use secondary r…
UIInfographic
UI Mockups
Dialect Story Collector
Create a “Dialect Story Collector” audio evidence review screen in a 4:5 frame so field staff can perform the Chinese action “标注方言音频.” Buil…
UIRealistic
UI Mockups
Lift Care Tracker
Build a 3:2 repair ticket queue for “Lift Care Tracker,” giving field staff one clear goal: “更新电梯工单.” Organize the page through an object l…
UIInfographic
UI Mockups
Migratory Bird Log
Compose a “Migratory Bird Log” sample monitoring console in 3:2 so the operator can complete “复测候鸟记录” without leaving the screen. Make sync…
UIRealistic
UI Mockups
Wildfire Patrol Desk
Render the “Wildfire Patrol Desk” route-risk map at 4:5, with every component supporting “封存巡护路段.” Use secondary readings along the lower e…
UIInfographic
UI Mockups
Fresh Market Surplus
Design the 4:5 “Fresh Market Surplus” collaboration relay board around one job: “标注菜品余量.” Set a page skeleton of pending and completed work…
UIRealistic
UI Mockups
Rain Garden Monitor
Design the 3:2 “Rain Garden Monitor” collaboration relay board around one job: “分派雨园点位.” Use contributor list, relay task, message evidence…
UIInfographic
UI Mockups
Repair Cafe Booking
Make “封存缝补预约” the center of the “Repair Cafe Booking” booking calendar in a 4:5 frame. Make state attached to each node, moving from pendin…
UIRealistic
UI Mockups
Independent Book Curation
Create a “Independent Book Curation” collaboration relay board in a 3:2 frame so field staff can perform the Chinese action “预约选书清单.” Use t…
UIInfographic
UI Mockups
River Water Log
Produce a field-facing “River Water Log” collaboration relay board, using a 1:1 canvas and the primary task “确认河流水样.” Structure the informa…
UIRealistic
FAQ
- What UI Mockups AI image prompts are available?
- 黑哥 AI's UI Mockups category includes 160 GPT Image-2 prompt cases, each with a full copy-ready prompt and a sample image.
- How do I use these UI Mockups prompts?
- Copy the full prompt from any case, paste it into a free GPT image generator, then replace the subject, brand, or aspect ratio to generate your own image.
- Are the UI Mockups prompts free?
- Yes. All prompts on 黑哥 AI are free and copy-ready, with no login required.