Short-Video App UI Mockup

{
  "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": ["Experience", "Local", "Following", "Shop", "{argument name=\"active tab\" default=\"Recommended\"}"]
    },
    "right_interaction_bar": {
      "count": 6,
      "items": [
        {"icon": "profile picture with red plus button"},
        {"icon": "heart", "label": "{argument name=\"like count\" default=\"3.608M\"}"},
        {"icon": "speech bubble", "label": "166K"},
        {"icon": "star", "label": "380K"},
        {"icon": "share arrow", "label": "1.645M"},
        {"icon": "spinning music record"}
      ]
    },
    "bottom_left_info": {
      "username": "{argument name=\"username\" default=\"@Photographer-QingFeng\"}",
      "caption": "{argument name=\"video caption\" default=\"Western Sichuan is truly as beautiful as a fairyland, must go there once with the one you love! #Sichuan #Travel #SnowMountain #... Expand\"}",
      "music_ticker": "Listen on Soda > Wind Blows and Sun Shines (DJ Version) - Zhang"
    },
    "bottom_navigation": {
      "count": 5,
      "items": [
        {"label": "Home"},
        {"label": "Friends", "badge": "24"},
        {"icon": "square plus button"},
        {"label": "Messages", "badge": "4"},
        {"label": "Me"}
      ],
      "home_indicator": "horizontal line at bottom"
    }
  }
}

Machine-translated — the original is what produced this result.

✨ Generate Save Copy prompt Share Original post Open in Hitboard