Soft Bubble Chat

Soft rounded bubble chat interface with message history and typing indicators. Features smooth message animations and modern UI design.

Refresh preview

Copy CLI command

Props

Property	Type	Default	Description
initialMessages	Array<Message>	[]	Initial messages to display in the chat.
userName	string	"You"	Name of the current user.
userAvatar	string	"Y"	Avatar initial or URL for the current user.
aiName	string	"Alice AI"	Name of the AI assistant.
aiAvatar	string	"A"	Avatar initial or URL for the AI.
showHeader	boolean	true	Whether to display the chat header.
className	string	undefined	Additional CSS classes for custom styling.
onSendMessage	(message: string) => Promise<void>	undefined	Callback function called when a message is sent.
placeholder	string	"Type a message..."	Placeholder text for the input field.

Glassmorphism mega menu with noise textures and blur effects for a cosmic aesthetic.

Cyberpunk-inspired mega menu with glitch effects and neon aesthetics.

Neo-brutalist mega menu with bold typography and high contrast design.

Built something cool?

Share your work with 10k+ devs — or tell us how we can improve.