Shadcn.io is not affiliated with official shadcn/ui
React AI Queue
React AI queue component with collapsible sections showing pending messages and todo items for agent workflows
For agentic AI that handles multiple tasks or queued messages, you need a way to show what's pending. This component gives you collapsible sections—one for queued messages, one for todos, whatever you need. Each section has a count badge so users can see at a glance how much is waiting. Items can have status indicators, descriptions, even file attachments with image previews. When the list gets long, it scrolls nicely. We built this for agent UIs where the AI is working through a backlog of tasks and users want visibility into what's coming up. Keeps things organized without overwhelming the interface.
Queue preview
Installation
Related Components
React AI Task
Individual task display
React AI Plan
Task planning card
React AI Message
Chat message bubbles
React AI Conversation
Chat container
React AI Prompt Input
Message input
React AI Toolbar
Action toolbar