A conversation list sidebar component for AI chat apps with date grouping (Today, Yesterday, Last 7 days), search filtering, and active conversation highlighting — built with shadcn/ui and motion/react. The standard left panel pattern from ChatGPT, Claude.ai, and every successful AI product.
- Full chat applications with persistent conversation history
- AI tools where users return to previous sessions
- Customer service platforms with conversation timeline management
- AI writing assistants with draft history and session navigation
Tech stack
Next.jsReactTypeScriptshadcn/uimotion/reactTailwind CSS
npx shadcn@latest add https://shadcnagents.com/r/conversation-history-sidebar