AI Chat Prompt Composer | AI Chat for React & Tailwind CSS

311views

An AI chat prompt composer with an auto-resizing textarea, attachment actions, quick prompt chips, keyboard submission, and responsive dark styling.

Installation

How to use

Import TemplatesCenterChat into a client component and render it as the main prompt composer. Connect handleSubmit to your chat or generation API, and provide the local cn utility from @/lib/utils.

Dependencies

clsxlucide-reacttailwind-merge

Back to all components More AI

AI Chat Prompt Composer | AI Chat for React & Tailwind CSS

311views

An AI chat prompt composer with an auto-resizing textarea, attachment actions, quick prompt chips, keyboard submission, and responsive dark styling.

Installation

How to use

Import TemplatesCenterChat into a client component and render it as the main prompt composer. Connect handleSubmit to your chat or generation API, and provide the local cn utility from @/lib/utils.

Dependencies

clsxlucide-reacttailwind-merge

Back to all components More AI