Command Palette

Search for a command to run...

Docs
Chat Interface

Chat Interface

A Claude-like AI chat interface with composable sidebar, animated greeting, prompt input, and suggestion pills.

🌸

Hello, night owl

Installation

Props

ChatInterface Props

PropTypeDefaultDescription
brandNamestring"MotionX"Brand name in sidebar header
brandIconReact.ReactNodeauto-generated circleCustom brand icon/logo
brandColorstring"#FF5722"Accent color for brand elements
greetingstring"Hello, how can I help?"Main greeting text
greetingEmojiReact.ReactNode-Emoji/icon above greeting
placeholderstring"How can I help you..."Prompt textarea placeholder
suggestionsChatSuggestion[][]Suggestion pills below prompt
navGroupsChatNavGroup[][]Sidebar navigation groups
userChatUser-User info in sidebar footer
onSubmit(q: string) => void-Called when prompt is submitted
onSuggestionClick(s: string) => void-Called when suggestion pill clicked
defaultCollapsedbooleanfalseInitial sidebar collapsed state
classNamestring-Additional CSS classes