Pro AI
Conversational AI primitives: message bubbles, prompt input, model selector, and thinking telemetry.
On This Page
Conversational AI primitives: message bubbles, prompt input, model selector, and thinking telemetry.
Production-ready conversational AI interface primitives: message bubbles, prompt input, model selector, thinking telemetry, and response chips.
npx nexoreui add pro-aiStructured user prompt and streaming AI assistant response bubbles with copy actions.
How do I configure Tailwind CSS v4 in my Next.js App Router project?
Import @tailwindcss/postcss in your postcss.config.mjs and add @import 'tailwindcss'; to your globals.css file.
| Prop | Type | Default | Description |
|---|---|---|---|
| message | string | — | Text content displayed within the chat bubble. |
Multi-line expandable prompt bar with voice dictation trigger and submit action.
Pill control indicating the active foundation model with quick switch trigger.
Animated pulse loader indicating real-time token generation and agentic inference.
One-click follow-up prompt chips designed for guided conversational discovery.
Card container for AI-generated code blocks with language badge and copy button.
export default function App() {
return (
<div className="p-4">
<h1 className="text-2xl font-bold">Hello World</h1>
</div>
);
}