Shadcn AI Assistant Blocks

Browse 10 Application Pro AI blocks for shadcn/ui. Assistant chat panels, prompt composers, citations, model pickers, and usage cards.

Application AI Assistant: Inline Suggestion Card
Application AI Assistant: Inline Suggestion Card
Text editor surface showing an AI ghost-text completion with Tab to accept and Esc to dismiss keyboard hints and an authorship notice.
Application AI Assistant: Feedback Thumbs Row
Application AI Assistant: Feedback Thumbs Row
AI response feedback row with thumbs up and down, a copy and regenerate action, and a reason picker revealed on negative feedback.
Application AI Assistant: Prompt Library Grid
Application AI Assistant: Prompt Library Grid
Saved prompt cards in a filterable grid showing title, description, category badge, and use count with a create prompt affordance.
Application AI Assistant: Conversation History List
Application AI Assistant: Conversation History List
Chat history sidebar listing past assistant threads grouped by recency with title, snippet, timestamp, and a delete affordance.
Application AI Assistant: Assistant Chat Panel
Application AI Assistant: Assistant Chat Panel
Conversation thread with alternating user and assistant bubbles, inline source chips, and regenerate and copy affordances.
Application AI Assistant: Citations Panel
Application AI Assistant: Citations Panel
Sources side panel listing 4 cited documents with title, matched snippet, relevance chip, and an honest footer note.
Application AI Assistant: Assistant Empty State
Application AI Assistant: Assistant Empty State
Pre-conversation assistant panel with 4 example prompt chips and plain lists of what the assistant can see and cannot do yet.
Application AI Assistant: Ai Usage Card
Application AI Assistant: Ai Usage Card
AI token usage panel with a monthly progress bar, a per feature breakdown, and the overage policy stated in the same view.
Application AI Assistant: Model Picker Card
Application AI Assistant: Model Picker Card
Model selection card with three rows showing tier, cost per 1k tokens, a one-line tradeoff, and the balanced model pre-selected.
Application AI Assistant: Prompt Composer
Application AI Assistant: Prompt Composer
AI input surface with a model chip, attach and slash command buttons, a token counter, and a keyboard hinted send button.