AI Chat UI

FEATURES

• Auto-animated conversation — messages appear one by one with realistic timing

• Typing indicator — three-dot animation before every AI response

• Fully configurable messages via Property Controls

• Dark mode support

• Customizable AI identity — name, initial, and accent color

• Loops automatically after the last message

• Fake input bar — looks realistic without any functionality

PROPERTY CONTROLS

• Messages — configure the full conversation

• AI Name & Initial — customize the assistant identity

• Accent Color — user bubbles, avatar, send button

• Dark Mode — light or dark theme

• Show Header — toggle the top bar

• Typing Duration — how long the typing indicator shows

• Message Delay — pause between messages

• Loop Delay — wait time before restart

• Corner Radius — roundness of the container

PERFECT FOR

• AI SaaS hero sections

• Product demo animations

• Onboarding flow mockups

• Agency portfolios