Dev Design Library

Conversation

A sticky-bottom conversation container with empty state and scroll-to-bottom controls for chat interfaces.

Conversation preview
Library
AI Elements (Svelte)
Framework
Svelte
Type
block
License
MIT
Dependencies
@lucide/svelte@^1.16.0, runed@^0.37.1
Install
pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/r/conversation.json
Files
  • src/lib/components/ai-elements/conversation/conversation-content.svelte
  • src/lib/components/ai-elements/conversation/conversation-empty-state.svelte
  • src/lib/components/ai-elements/conversation/conversation-scroll-button.svelte
  • src/lib/components/ai-elements/conversation/conversation.svelte
  • src/lib/components/ai-elements/conversation/stick-to-bottom-context.svelte.ts
  • src/lib/components/ai-elements/conversation/index.ts
  • src/lib/utils.ts
  • src/lib/components/ui/button/index.ts
Source
https://github.com/SikandarJODD/ai-elements

Categories

More from AI Elements (Svelte)