An open-source React textarea component with @mentions, /commands, #tags, inline markdown, undo/redo, file attachments, and dark mode. Install via npm or shadcn registry: npx shadcn@latest add.

Hey Product Hunt 👋

I'm part of the team at Juma (formerly Team-GPT). While building AI chat interfaces, we kept hitting the same wall: every prompt box needs @mentions, /commands, #tags, inline markdown and file attachments, but the only way to get them was to bolt together a mention library + a command palette + a tag input + a markdown editor + an upload widget. Five dependencies and five APIs for one input box.

Most "rich text editors" are document editors (ProseMirror, Lexical, Slate) crammed into a chat box.

We wanted the opposite: something purpose-built for prompt-style inputs.

So we built Prompt Area and open-sourced it:

• One contentEditable component: @mentions, /commands, #tags, inline markdown, files & images, undo/redo, IME (CJK), copy/paste chip preservation, dark mode, and ARIA accessibility.

• Two ways to install, same source, no lock-in either way. npm: "npm install prompt-area" (ships its own CSS, no Tailwind needed). shadcn: "npx shadcn@latest add https://prompt-area.com/r/prompt-area.json" (copies the source into your repo so you own every line).

• Dependency-light: no ProseMirror / Slate / Lexical, zero bundled runtime deps, ~37 kB packed.

• Companion components included: Action Bar, Status Bar, Compact, and Chat Layout. Enough to recreate the inputs in Claude Code, Codex, ChatGPT or Slack.

You don't have to take my word for it: there's a full Vite + React app running live in your browser (no setup) at https://prompt-area.com/docs/try-it-live where you can edit the code and watch the chips and markdown resolve.

It's MIT licensed and free.

We'd genuinely love your feedback: what's missing, what would make it a drop-in for your stack, and which trigger behaviors you'd want next. I'll be here all day answering everything 🙏

Repo: https://github.com/just-marketing/prompt-area

Docs & live demo: https://prompt-area.com

The inline markdown parsing feels really polished, especially how it plays nicely with @mentions and /commands without getting in each other's way. Solid execution for a drop-in component.

@mentions @hakk231638 Yeah! I love great app UX and this was an imortant bit. Thanks for noticing!

Drop-in textarea with all the niceties I usually end up hand-rolling - mentions, slash commands, markdown - actually feels solid. Skimmed the source and the keyboard handling looks thoughtful, not hacky.

@kymetigeg Thanks for noticing! We've polished the UX to the extent it's really usable!