Dev Design Library

Message

A full chat message system with branching, attachments, actions, and markdown streaming responses.

Message preview
Library
AI Elements (Svelte)
Framework
Svelte
Type
block
License
MIT
Dependencies
@lucide/svelte@^1.16.0, @shikijs/themes@^4.0.2, mode-watcher@^1.1.0, streamdown-svelte@^3.0.6
Install
pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/r/message.json
Files
  • src/lib/components/ai-elements/message/actions/message-action.svelte
  • src/lib/components/ai-elements/message/actions/message-actions.svelte
  • src/lib/components/ai-elements/message/actions/message-toolbar.svelte
  • src/lib/components/ai-elements/message/attachments/message-attachment-preview.svelte
  • src/lib/components/ai-elements/message/attachments/message-attachment.svelte
  • src/lib/components/ai-elements/message/attachments/message-attachments.svelte
  • src/lib/components/ai-elements/message/branching/message-branch-content.svelte
  • src/lib/components/ai-elements/message/branching/message-branch-next.svelte
Source
https://github.com/SikandarJODD/ai-elements

Categories

More from AI Elements (Svelte)