Chat Interface

background

foreground

muted

muted foreground

popover

popover foreground

card

card foreground

border

input

primary

primary foreground

secondary

secondary foreground

accent

accent foreground

destructive

destructive foreground

ring

sidebar

sidebar foreground

sidebar primary

sidebar primary-foreground

sidebar accent

sidebar accent-foreground

sidebar border

sidebar ring

A chat interface with a side panel that contains separate scroll areas. On mobile this is hidden and accessible via a menu button

I'll create a modern chat interface with a collapsible sidebar that contains chat history and settings. The sidebar will be hidden on mobile and accessible via a menu button, with separate scroll areas for optimal user experience.

Generated

Files