Package Exports
- @assistant-ui/react
- @assistant-ui/react/edge
- @assistant-ui/react/styles/index.css
- @assistant-ui/react/styles/index.css.map
- @assistant-ui/react/styles/modal.css
- @assistant-ui/react/styles/modal.css.map
- @assistant-ui/react/styles/tailwindcss/base-components.css
- @assistant-ui/react/styles/tailwindcss/base-components.css.json
- @assistant-ui/react/styles/tailwindcss/modal.css
- @assistant-ui/react/styles/tailwindcss/modal.css.json
- @assistant-ui/react/styles/tailwindcss/thread.css
- @assistant-ui/react/styles/tailwindcss/thread.css.json
- @assistant-ui/react/styles/themes/default.css
- @assistant-ui/react/styles/themes/default.css.json
- @assistant-ui/react/styles/themes/shadcn-extras.css
- @assistant-ui/react/styles/themes/shadcn-extras.css.json
- @assistant-ui/react/tailwindcss
Readme
Product · Documentation · Examples · Discord Community · Contact Sales
assistant-ui is a set of React components for AI chat, with integrations Langchain, Vercel AI SDK, TailwindCSS, shadcn/ui, react-markdown, react-syntax-highlighter, React Hook Form and more!
Wide model provider support (OpenAI, Anthropic, Mistral, Perplexity, AWS Bedrock, Azure, Google Gemini, Hugging Face, Fireworks, Cohere, Replicate, Ollama) out of the box and the ability to integrate custom APIs.
Quick Start
Step 1: Run assistant-ui init
to install assistant-ui in a new or existing React.js project:
npx assistant-ui@latest create # new project
npx assistant-ui@latest init # existing project
Step 2: Update the .env
file with your OpenAI API key.
Step 3: Run the app:
npm run dev