Context

A hover-card-based context window usage component with token, cost, and model usage breakdowns.

Library

AI Elements (Svelte)

Framework

Svelte

Type

block

License

MIT

Install

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

Files

• src/lib/components/ai-elements/context/context-content-body.svelte
• src/lib/components/ai-elements/context/context-content-footer.svelte
• src/lib/components/ai-elements/context/context-content-header.svelte
• src/lib/components/ai-elements/context/context-cache-usage.svelte
• src/lib/components/ai-elements/context/context-context.svelte.ts
• src/lib/components/ai-elements/context/context-content.svelte
• src/lib/components/ai-elements/context/context-icon.svelte
• src/lib/components/ai-elements/context/context-input-usage.svelte

Source

https://github.com/SikandarJODD/ai-elements

Categories

• AI Element Components
• Svelte AI Element Components
• Tailwind CSS AI Element Components
• shadcn/ui AI Element Components
• Context Usage Components
• Tailwind CSS Context Usage Components
• Feedback Components
• Svelte Feedback Components
• Tailwind CSS Feedback Components
• shadcn/ui Feedback Components
• Hover Card Components
• Tailwind CSS Hover Card Components

More from AI Elements (Svelte)

• Inline Citation
• Chain Of Thought
• Checkpoint
• Code
• Confirmation
• Conversation
• Copy Button
• Image
• Loader
• Message
• Model Selector
• Open In Chat