Chat UI
Browse our collection of chat UI components
Dock Chat
Floating dock chat widget with customizable position, animated open/close transitions, and spring physics. Features morphing button icon and smooth chat panel animations.
Media Chat
Chat message component for displaying images and code snippets. Features responsive image grid, code syntax highlighting, and interactive image preview with hover effects.
Voice Message Bubble Chat
Voice message bubble with animated waveform visualization, play/pause controls, and time display. Features smooth waveform animation during playback.
Thread Preview Card
Thread preview card with status badges, online indicators, and hover effects. Features gradient overlays and smooth animations on interaction.
Avatar Pulse Message Chat
Avatar with pulsing animation and pop-in message bubble. Features dual pulse rings and animated message appearance with spring physics.
Typing Indicator Chat
Animated typing indicators with multiple animation styles. Features bounce, pulse, and wave animations with customizable colors and alignment.
Morphing Input Chat
Morphing chat input with dynamic icon transitions. Features attachment buttons that morph into send button when text is entered, with smooth animations.
Minimal Thread Chat
Minimal thread chat message with attachments and reactions. Features file attachment previews, emoji reactions, and clean typography.
Floating Chat
3D floating chat list with perspective transforms and hover effects. Features card-based chat previews with 3D rotation on hover.
AI Waveform Chat
AI chat bubble with animated waveform states. Features thinking, speaking, and idle states with auto-rotation and smooth state transitions.