Chat

Composable chat UI for AI assistants, customer support, and messaging.

Includes message bubbles, avatars, typing indicators, and input bar — all server-rendered.

AI Chat

A complete AI assistant conversation.

Claude

Online

Today

You

Can you help me build a dashboard with server-rendered charts?

2:30 PM

Claude

Absolutely! With Proa’s SSR approach, you can render charts as pure SVG on the server — zero JavaScript needed. I’d suggest using the BarChart, LineChart, and DonutChart components.

2:30 PM

You

That sounds great. How fast is the rendering?

2:31 PM

Claude

Proa renders full pages in under 50μs. A chart with 12 data points takes about 2μs. Since everything compiles to optimized byte sequences, there’s no template parsing at runtime.

2:31 PM

Message Roles

Three roles with distinct visual styles: user, assistant, and system.

Conversation started

Assistant

Hello! How can I help you today?

User

I have a question about the API.

Agent is looking up documentation…

Typing Indicator

Animated bouncing dots to show someone is typing.

What’s the weather like?

Chat Input

Input bar with textarea and send button. Supports custom placeholder and disabled state.

Customer Support

Same components styled for a support chat widget.

Support Chat

We typically reply in a few minutes

Support

Hi there! Welcome to Proa support. How can I help you today?

10:02 AM

Jane

I’m trying to set up the catalog server but getting a build error.

10:03 AM

Support

Sure, I can help with that! Could you share the error message you’re seeing?

10:04 AM

Open Markdown

ProChat

Conversation UI patterns.

Proa UI Pro component source is proprietary and requires an accepted Proa UI Pro Commercial License Agreement. Subject to that agreement, the self-serve license includes the limited commercial Proa framework rights needed to use Proa UI Pro in closed-source products.

View Pro pricing

Install with the Proa CLIPro access

$ proa ui add chat

Requires an active Proa UI Pro license and access to the private component registry.

CLI and registry setup

Chat

AI Chat

Message Roles

Typing Indicator

Chat Input

Customer Support

Chat source

Make it yours

Themed Proa UI surface