Streaming reply with a pending state

One assistant row moving from thinking, to typing, to settled.

Library

ReUI

Framework

React

Type

block

License

MIT

Install

npx shadcn@latest add @reui/c-message-7

Files

• registry-reui/bases/radix/components/message/c-message-7.tsx
• registry/bases/radix/ui/bubble.tsx
• registry/bases/radix/ui/button.tsx
• registry/bases/radix/ui/marker.tsx
• registry/bases/radix/ui/message.tsx
• registry/bases/radix/ui/spinner.tsx
• app/(create)/components/icon-placeholder.tsx
• lib/icon-library-store.ts

Source

https://github.com/keenthemes/reui

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Animated AI Element Components
• Chat Message Components
• React Chat Message Components
• Tailwind CSS Chat Message Components
• Animated Chat Message Components
• Conversation Components
• React Conversation Components
• Tailwind CSS Conversation Components
• Animated Conversation Components

More from ReUI

• Support thread with sender alignment
• Bubble variants in a release thread
• Grouped consecutive messages
• Message reactions and a reaction button
• Long reply with show more
• Quick reply bubbles and an action row
• Assistant answer with formatted content
• Two-sided conversation
• Avatars on both sides
• Sender name and delivery status
• Reply actions in the footer
• Files shared in a thread