Explore the official shadcn-svelte AI Elements.

Home Components Docs Cookbook Changelog

Command Palette

Search for a command to run...

200

Getting Started

Introduction
Installation

Components

Chain Of Thought
Checkpoint
Confirmation
Context
Conversation
Image
Inline Citation
Message
Model Selector
Open In Chat
Plan
Prompt Input
Queue
Reasoning
Shimmer
Sources
Suggestion
Task
Tool
Web Preview

Sources

The Sources component allows a user to view the sources or citations used to generate a response.

Stripe API Documentation GitHub REST API AWS SDK for JavaScript

Installation

pnpm dlx shadcn-svelte@latest add http://sveltekit-prerender/r/sources.json

pnpm dlx jsrepo add @ai/blocks/sources

Composition

Copy the Source Code

Copy and paste the following code into your project:

Shimmer An animated text shimmer component for creating eye-catching loading states and progressive reveal effects.

Suggestion A suggestion component that displays a horizontal row of clickable suggestions for user interaction.

On this page

Contribute

Report an issue
Request a feature

Sponsor My Work

It would help me build and maintain open-source projects for the community.

Sponsor Bhide Svelte