Tag inspiration archive
Chat Layout Design Inspiration
Curated collection of 79 standout UI, motion, and interaction designs tagged with "Chat Layout" from creators on X.
agent popup - jamie
agent popup
@byJWXNai image gen & gallery components for @boardui all implemented with... - Mertcan
ai image gen & gallery components for @boardui all implemented with opus 5, cheap & fast. dropping the link ↓
@sitenleyAI chat bar - buttons morphing into dropdown lists built with Claude - Arek
AI chat bar - buttons morphing into dropdown lists built with Claude
@arknow91imagine getting a sneak peek into the agent harness brain to see wh... - mrunal
imagine getting a sneak peek into the agent harness brain to see which model it picks in auto mode
@DhaygudeMrunalDoing some interaction exercises. Made some alternate version for c... - Taras
Doing some interaction exercises. Made some alternate version for chat attachment modals
@tar_uniqueeeWallet agent - Alexander Avdeev
Wallet agent
@privetavdeyAgent Panel Animation - Gabriel
Agent Panel Animation
@gabriell_labAI Sidebar Companion User Interface - Gabriel
AI Sidebar Companion User Interface
@gabriell_lab
Another screens designs Did I cook? - yandel
Another screens designs Did I cook?
@hiyandel
Product design mondays - Piyush
Product design mondays
@piyushspherestill thinking about drawing with prompts - Aaron Aalto
still thinking about drawing with prompts
@aaraaltonow my bot is taking project inquiries for me ~ https://shedsgns.me - Juliette
now my bot is taking project inquiries for me ~ https://shedsgns.me
@shedsgns
cursdex - usrnk1
cursdex
@usrnk1loading states that bleed outside the window - Terkel 𓀒
loading states that bleed outside the window
@terkelg
Light mode dashboards - Piyush
Light mode dashboards
@piyushsphere
Agent Conversation - Kevin
Agent Conversation
@kvnkldSmall prototype experiment for AI loaders. Testing how loading anim... - Erdem Kirmitci
Small prototype experiment for AI loaders. Testing how loading animations can feel more contextual in a chat UI. Instead of a generic spinner: Scanning context → Building summary...
@erdemkirmitare we underusing the bottom of the screen in AI apps? - maaz
are we underusing the bottom of the screen in AI apps?
@itsmaaz_AI chat interaction - Timothy M.
AI chat interaction
@timothymaarv
Agentic reasoning for image and video generation. - Gabriel
Agentic reasoning for image and video generation.
@gabriell_lab
Select AI model dropdown menu - Osha
Select AI model dropdown menu
@Osha_LionDay 5: introducing agent birthing find me a better agent creation U... - jayson
Day 5: introducing agent birthing find me a better agent creation UX and I will buy you coffee
@jaezun_What if iMessage fixes your typos after you sent them? - Florian
What if iMessage fixes your typos after you sent them?
@flornkm
which design is better? - rico
which design is better?
@_heyrico
recent work - rico
recent work
@_heyrico
dark chat input - jamie
dark chat input
@byJWXNI don't think the world is ready for Vercel Agent. - rauno
I don't think the world is ready for Vercel Agent.
@raunofreiberg
Design inspiration by Moussaab
@marcsox
Small UI elements collection - Maxim Kuznetsov
Small UI elements collection
@disarto_maxMade an animation for clearing context where things goo woooosh - Sayan
Made an animation for clearing context where things goo woooosh
@sayansenguptaaThis is a smarter way to handle complex inputs - Ali Grids
This is a smarter way to handle complex inputs
@AliGrids2026 is shaping up to be our strongest year yet. Q1 is nearly fully... - Ethan Suero
2026 is shaping up to be our strongest year yet. Q1 is nearly fully booked, and we're still getting new inquiries daily. Every project coming in is something I'm genuinely excited...
@ethansuero_2 yr working together and @flatlin_e and I are doing a chat widget... - Nani ⋆ ˙⟡
2 yr working together and @flatlin_e and I are doing a chat widget for the first time! Here's a little preview of our starter pack chat so far: ⟡ multistream chat — twitch & youtu...
@sayonanii
Discover the best Rich Text UI inspo, @huge_icons absolutely nailed... - Ali Grids
Discover the best Rich Text UI inspo, @huge_icons absolutely nailed the aesthetics.
@AliGridsdns tables - nanda
dns tables
@nandafyi
Still love this clean component - rico
Still love this clean component
@_heyrico
Conversation modals designed for ClozerAI - an AI sales call assist... - Marko Ilic
Conversation modals designed for ClozerAI - an AI sales call assistant app. Main UI & UX patterns used: → Strong primary CTA that instantly draws focus to “Start Session” → Clear...
@markoilico
AI for Legal Work - rico
AI for Legal Work
@_heyrico
Bring this back cus its sooo cleannnn - Stephen
Bring this back cus its sooo cleannnn
@srotimi_ui
Nothing fancy. Just clear - Kishor
Nothing fancy. Just clear
@kxshorsmall interaction tip: use blur + scale + opacity for smooth transi... - Chanhee
small interaction tip: use blur + scale + opacity for smooth transition
@hiddnest
tinkering - Kevin
tinkering
@KevidukProbably the most annoying thing for me in animations / scrollable... - Dima Belyaev
Probably the most annoying thing for me in animations / scrollable content is how easy it is to just clip the content. Even if there is no border around to clip it with, adding ma...
@blvdmitry
Chat app components. - Roman
Chat app components.
@roman_designer
Design inspiration by Endless
@endlessdesign
AI agent conversation design - rico
AI agent conversation design
@_heyrico
Workflow Builder - Kevin
Workflow Builder
@kvnkld
clean AI agent dashboard design - Juliette
clean AI agent dashboard design
@shedsgns
A Rich text UI designed for focus. - Hugeicons
A Rich text UI designed for focus.
@huge_icons
Chat App shots from this week. - Roman
Chat App shots from this week.
@roman_designerChat history. - Pontus Abrahamsson — oss/acc
Chat history.
@pontusab
Design inspiration by Endless
@endddlesssI love getting to work with this guy every day. - Cole
I love getting to work with this guy every day.
@colderoshayMinimalistic "Ask AI" component. Demo: https://ask-ai-component.ver... - Raul
Minimalistic "Ask AI" component. Demo: https://ask-ai-component.vercel.app Press CMD + Enter to submit your prompt.
@raul_droncaSuper excited to have gotten early access to Tinker by @thinkymachi... - Ker Lee Yap
Super excited to have gotten early access to Tinker by @thinkymachines! Tinker is great at making it easy to post-train, but also meant I wound up with lots of model checkpoints T...
@klyap_current chat interfaces still suck, so im building a canvas for llm... - maxleedev
current chat interfaces still suck, so im building a canvas for llms added web search, cmd + f search, dark mode + more... join 5k+ others on waitlist: http://maxly.chat rolling o...
@maxleedevCreated with @figma Prototype - Ahmed
Created with @figma Prototype
@adsafayetHow we generate follow up questions for Midday in 2 easy steps usin... - Pontus Abrahamsson — oss/acc
How we generate follow up questions for Midday in 2 easy steps using AI SDK Tools (Agents + useDataParts)
@pontusab
Chat layout built with @shadcn GitHub: https://github.com/ln-dev7/s... - LN
Chat layout built with @shadcn GitHub: https://github.com/ln-dev7/square-ui… Design by @_heyrico
@ln_dev7Shape Exploration for AI Chat - Martin Strba
Shape Exploration for AI Chat
@m_strba