Svelte AI Elements

Source

Displays website sources used by AI-generated content, showing URL details, titles, and descriptions on hover.

favicon ibelick.com favicon google.com favicon figma.com favicon github.com favicon wikipedia.org

Installation

pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/p/source.json

Examples

Custom Source

Customize the appearance and labels of the source components. You can use custom labels, numbers, or combine them with favicons.

1 2 figma.com favicon G favicon Wikipedia

Props

Source

NameTypeDefault
href
string
children
Snippet

SourceTrigger

NameTypeDefault
label
string | number
showFavicon
boolean false
className
string

SourceContent

NameTypeDefault
title
string
description
string
className
string