AI Chat UI Components for React

21 components, 7 free · React, TypeScript and Tailwind CSS, light and dark

Everything a chat interface needs, from the empty screen before the first message to the sidebar of past conversations. Use the AI Chat component as a whole window, or take the parts you need: the message, the streaming answer, the prompt box, the actions under each reply.

Each part draws the states a real model produces: thinking before the first word, text arriving mid-sentence, a stopped answer, a failed request and a retry. Bring your own model and API; the components only need the text as it streams.