Prompt Suggestions
Animated starter prompts for AI empty states — cards stagger in, lift on hover, and feed straight into the composer when chosen.
What can I help with?
Pick a starter or type your own.
Installation
pnpm dlx shadcn@latest add "https://godui.design/r/prompt-suggestions.json"Suggestions stagger in with a spring, lift on hover, and support arrow-key
navigation. Pair onSelect with a controlled PromptComposer to drop the
chosen prompt into the input. Set loading to show shimmering skeletons.
Usage
tsx
import { PromptSuggestions } from "@/components/godui/prompt-suggestions";tsx
<PromptSuggestions
variant="grid"
suggestions={suggestions}
onSelect={(suggestion) => setValue(suggestion.label)}
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
suggestions | PromptSuggestion[] | — | Items to render. |
onSelect | (suggestion) => void | — | Fired when an item is chosen. |
variant | "grid" | "chips" | "list" | "grid" | Layout style. |
loading | boolean | false | Render shimmer skeletons. |
skeletonCount | number | 4 | Skeletons shown while loading. |
Prompt Composer
An AI input box with auto-growing textarea, attachment chips, an inline model picker, and a send button that morphs into a stop control while streaming.
Source Citations
Inline numbered citation pills that spring out a rich preview card on hover, plus a collapsible source list for AI answers.