Image

The Image component displays images from base64 or Uint8Array data, supporting all standard HTML image attributes. It is ideal for showing AI-generated images or user uploads in chat and AI apps. Compatible with AI SDK v5 architecture.

Compact gradient chat icon Compact SVG chat icon

Installation

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

Props

Image

NameTypeDefault
base64
string
uint8Array
Uint8Array
mediaType
string 'image/png'
alt
string
class
string
...props
ImgHTMLAttributes<HTMLImageElement>