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

Reasoning

The Reasoning component displays AI reasoning content, automatically opening during streaming and closing when finished.

Installation

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

pnpm dlx jsrepo add @ai/blocks/reasoning

Composition

Copy the Source Code

Copy and paste the following code into your project:

Queue A comprehensive queue component system for displaying message lists, todos, and collapsible task sections in AI applications.

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

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