- Step1: Install via npm (npm install agno-agent-ui) or yarn.
- Step2: Import core components (ChatWindow, MessageInput) into your React app.
- Step3: Configure your LLM or agent client and pass it as a prop.
- Step4: Customize themes and styles via provided CSS variables or styled-components.
- Step5: Use built-in hooks to manage conversation state and message history.
- Step6: Test locally and deploy your web app on Vercel, Netlify, or your preferred host.