"Generative UI is evolving at lightning speed, and nowadays we can achieve impressive results simply by asking AI tools to generate UIs for us. And the great thing is that you don't need to switch from ChatGPT to any other tool to generate UI. In this article, I want to experiment with ChatGPT 5 and generate UI for a mobile application."
"# Foodiez - Home Screen (iOS UI Design)Design a clean, modern mobile UI screen for an iOS app titled Foodiez - Local Food Delivery. The layout should have the following sections:---## 1. Status Bar (Top)- **Style**: Standard iOS layout (top safe area)---## 2. Header Section- **Centered Logo**: Foodiez- **Font**: Medium weight, small size- **Color**: Orange text---## 3. Location & Search Row- **Left**: Location indicator (Los Angeles)- **Right**: Notification icon (rounded, 32px)- **Below**: Search bar with placeholder Search restaurants or dishes..."
An experiment uses ChatGPT 5 to generate an iOS mobile UI for a food delivery app named Foodiez. The design prescribes a standard iOS status bar, a centered orange Foodiez logo with medium-weight small font, and a location and search row showing Los Angeles, a rounded 32px notification icon, and a rounded light-gray search bar with placeholder text. A horizontally scrollable featured restaurants carousel contains rounded cards with soft shadows for Sushi Master and Pizza Mia, including thumbnails and delivery times. A filter row provides dropdowns for delivery time, cuisine, and rating, and a vertical list presents popular nearby restaurants with 64x64 rounded images and name fields.
Read at Medium
Unable to calculate read time
Collection
[
|
...
]