
ChatGPT clone Interface
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.
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.
Get design challenge updates in your inbox
New prompts and challenge updates. It’s free.