We launch on Product Hunt on July 9, 2026.
The open-source textarea built for AI chat UIs
Every AI chat box needs @mentions, /commands, #tags, markdown, and file uploads. The usual way means stitching together five libraries. Prompt Area is all of it in one React component. Install from npm or copy it in via shadcn, with no heavy dependencies and no required Tailwind setup.
One component, not five
Stop stitching a mention library, command palette, tag input, markdown editor, and upload widget. It’s all one typed API.
Install two ways
npm install prompt-area (ships its own CSS, no Tailwind needed) or copy the source in via the shadcn registry. Your call.
Triggers that map to your model
@mentions, /commands, #tags and inline markdown resolve into typed chips you can send straight to your LLM.
Files & images built in
Paste screenshots or attach PDFs and CSVs right in the composer: thumbnails, loading states, remove buttons, no extra widget.
Production-grade by default
Undo/redo, IME (CJK) composition, copy/paste chip preservation, ARIA accessibility, and dark mode, out of the box.
Composable companions
Action Bar, Status Bar, Compact and Chat Prompt Layout let you recreate the inputs in Claude Code, Codex, ChatGPT or Slack.
Why we built it
Building AI chat interfaces, we kept rebuilding the same input box. Every prompt box needs mentions, commands, tags, markdown, and attachments, but the only way to get them was to bolt together five dependencies. Most “rich text editors” are document editors crammed into a chat box; we wanted the opposite. So we built Prompt Area and open-sourced it under MIT.
Built by the team at Juma (formerly Team-GPT). We’d genuinely love your feedback on Product Hunt: what’s missing, and what would make it a drop-in for your stack.