JSPM

@assistant-ui/react

0.7.78
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 35164
  • Score
    100M100P100Q136509F
  • License MIT

Typescript/React library for AI Chat

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

assistant-ui Header

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.

Weave Badge

Quick Start

assistant-ui starter template

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