{"repo":"miskibin/chat-components","free":true,"listed":false,"github":"https://github.com/miskibin/chat-components","clone":"git clone https://github.com/miskibin/chat-components.git","description":"A customizable, accessible chatGPT like UI components built for React applications using the shadcn/ui design system.","language":"TypeScript","stars":15,"topics":["chat-app","inputform","nextjs","shadcn","shadcn-components","typescript","ui"],"license":null,"category":"ui-components","readme_excerpt":"Shadcn Chat Components demo A collection of customizable, accessible chat UI components built for React applications using the shadcn/ui design system. Components This package includes several components for building modern chat interfaces: - ChatInput : A textarea component with tools and loading states - Message : A versatile message component with actions and pattern handling - GenerationStatus : A component for displaying AI generation progress Features - 💬 Modern chat interface with rich components - 🛠️ Support for customizable action buttons and tools - 🔍 Pattern handling for citations and other special content - 🧠 Thinking model support - Automatically handles ... tags in collapsible sections - ⌨️ Keyboard shortcuts support - 🔄 Generation status indicators with stop capability - 📱 Responsive design with mobile-friendly UI - ♿ Accessibility-focused with proper ARIA attributes - 🎨 Fully customizable with Tailwind CSS Installation Copy the component files into your project: - ChatInput → /components/ui/chat-input.tsx - Message → /components/ui/message.tsx - GenerationStatus → /components/ui/generation-status.tsx Usage Examples Chat Input Usage: Message Component The Message component is a flexible chat message UI element that supports: - Custom action buttons (inside or outside the message) - Inline editing (for user messages) - Pattern handling (e.g. citations, links, custom markup) - Markdown rendering with Tailwind prose styling Basic Example Props Prop Type Des","default_branch":null,"files":null,"tree":[],"storefront":"/r/miskibin","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/miskibin/chat-components/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}