AI Input Terminal
A dynamic AI terminal-style chat input with blinking cursor, mic toggle, and send button.
The AI Input Terminal (AIInputFive) is a fully dynamic component designed for AI chat applications.
It mimics a command-line interface while providing modern features like auto-resize, mic toggle, and animated send button.
AI Terminal v2.1.0
user@ai-terminal:~$ ai-chat --interactive
AI Chat Interface initialized. Type your message below:
>
GSAP
Framer Motion
Default Usage
import {AIInputFive} from "@/components/ui/ai-input/ai-input-05"
export default function Example() {
return (
<AIInputFive
onSubmit={(msg) => alert(`You typed: ${msg}`)}
/>
)
}Custom Title & Version
<AIInputFive
title="Custom AI Shell"
version="v3.0.0"
onSubmit={(msg) => console.log("Prompt:", msg)}
/>Without Mic
<AIInputFive
title="No Mic Terminal"
version="v2.2.0"
onSubmit={(msg) => console.log("Prompt:", msg)}
/>With API Integration
<AIInputFive
placeholder="Ask the AI something..."
onSubmit={async (msg) => {
const res = await fetch("/api/chat", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ message: msg }),
})
const data = await res.json()
console.log("AI response:", data)
}}
/>