Logo of UI Challenges
Sign in
Wireframe example for ChatGPT clone Interface
An example interpretation of the prompt
Icon of target

ChatGPT clone Interface

Icon of book open

Design a ChatGPT-style desktop interface centered on one active conversation. The screen should balance three things: a thread list for navigation, a main message stream for reading and replying, and a composer that stays easy to use as the conversation grows.

The left rail should support chat history, search, and a clear new-chat action. The main panel should show user and assistant messages with distinct hierarchy, timestamps or metadata only where useful, and a visible streaming state while the assistant is generating a reply. Keep long responses readable with spacing, quoted blocks, code formatting, and inline actions like copy or regenerate.

The composer should support plain text, attachments, and a send action that is hard to miss. Include disabled, typing, and error states, plus a retry path when a response fails. Add first-run and empty states that explain what the product can do without feeling like a marketing page. If you include model or tool selection, place it near the composer and make the current mode obvious.

Icon of book open

Incorporate subtle animation or transition effects to indicate when the chatbot is 'thinking' or typing, enhancing the interactive feel.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.