Clickable prompt suggestion chips for the empty state of AI chat applications built with shadcn/ui and motion/react. Displays a 2×2 grid of suggested conversation starters that fill the input on click — the same UX pattern that reduces abandonment in ChatGPT, Gemini, and Claude.ai.
- Empty state onboarding for new users discovering AI capabilities
- Contextual task suggestions in domain-specific AI tools
- Quick action chips for common workflows in AI assistants
- Interactive demos that guide users toward the best use cases
Tech stack
Next.jsReactTypeScriptshadcn/uimotion/reactTailwind CSS
npx shadcn@latest add https://shadcnagents.com/r/prompt-suggestion-pills