Dev Design Library

Chain Of Thought

A collapsible component that visualizes AI reasoning steps with support for search results, images, and step-by-step progress indicators.

Chain Of Thought preview
Library
AI Elements (Svelte)
Framework
Svelte
Type
block
License
MIT
Dependencies
@lucide/svelte@^1.16.0
Install
pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/r/chain-of-thought.json
Files
  • src/lib/components/ai-elements/chain-of-thought/chain-of-thought-content.svelte
  • src/lib/components/ai-elements/chain-of-thought/chain-of-thought-context.svelte.ts
  • src/lib/components/ai-elements/chain-of-thought/chain-of-thought-header.svelte
  • src/lib/components/ai-elements/chain-of-thought/chain-of-thought-image.svelte
  • src/lib/components/ai-elements/chain-of-thought/chain-of-thought-search-result.svelte
  • src/lib/components/ai-elements/chain-of-thought/chain-of-thought-search-results.svelte
  • src/lib/components/ai-elements/chain-of-thought/chain-of-thought-step.svelte
  • src/lib/components/ai-elements/chain-of-thought/chain-of-thought.svelte
Source
https://github.com/SikandarJODD/ai-elements

Categories

More from AI Elements (Svelte)