Chat Message
A single chat transcript entry with baked-in entrance and layout motion. Right-aligned accent bubble for the user, left-aligned muted bubble for the assistant, with optional file attachments. Adapts to the global shape setting.
- Library
- Fluid Functionalism
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- motion
- Install
npx shadcn@latest add @fluid/chat-message- Files
registry/default/chat-message.tsxregistry/default/lib/utils.tsregistry/default/lib/springs.tsregistry/default/lib/shape-context.tsxregistry/default/hooks/use-touch-primary.tsxregistry/default/file-thumbnail.tsxregistry/default/lib/size-context.tsxregistry/default/lib/type-scale.ts
- Source
- https://github.com/mickadesign/fluid-functionalism
Categories
- Chat Message Components
- React Chat Message Components
- Tailwind CSS Chat Message Components
- Animated Chat Message Components
- Social Components
- React Social Components
- Tailwind CSS Social Components
- Animated Social Components