Basic Prompt Box

A clean chat-style prompt textarea that auto-grows, enables its send button only when there's text, submits on Enter (Shift+Enter for a new line), and appends sent messages to a log above it. Ported to React from MM Rahman Bappi's 100 Free AI UI Components (MIT).

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Basic Prompt Box to your project and fits it to your theme.

import BasicPromptBox from "@/components/ui/basic-prompt-box";

export default function BasicPromptBoxDemo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-[#f7f7f8] p-6">
      <BasicPromptBox placeholder="Ask anything" />
    </div>
  );
}