Chat Bubble Pro

Description:

Bring your social proof to life with an interactive, iMessage/WhatsApp-style chat bubble testimonial widget. Features smooth spring physics, a realistic typewriter typing effect, stacked bubble transitions, and full customization controls.

Key Features:

• Dynamic Chat Animations: Built-in motion presets (Subtle, Smooth, Dramatic) with fluid spring physics and customizable speeds.

• Realistic Typewriter Effect: Simulates real-time message typing with custom character speeds and zero layout jittering.

• Smart Stacking & Layout: Configurable max-stacked bubble display with automatic height measurement to prevent vertical jumps or broken layouts.

• Flexible Alignments: Choose between Alternating (chat-style left/right push), Left, Center, or Right alignment.

• Autoplay & Navigation Controls: Optional auto-advance with configurable hold duration, pause-on-hover, and smooth directional arrow buttons.

• Glassmorphism & Shadows: Built-in option for backdrop glass blur effects and multi-layered soft drop shadows.

• Reduced Motion Support: Respects user system accessibility settings for reduced motion automatically.

Fully Customizable Properties:

• Content & Data: Array-based testimonials with custom Name, Role, Timestamp, Avatar Image, and Message text.

• Colors & Styling: Complete control over Bubble Background, Border, Name Text, Message Text, Subtext, Accent Color, and Corner Radius.

• Typography: Integrated font selection (Inter, system fallbacks, or custom fonts).

• Avatar & Tail Options: Toggle avatar photos, customize avatar size (px) and border radius (%), show/hide timestamps, and chat bubble tail indicators.

• Layout Tuning: Adjustable maximum bubble width, stack gap, max visible items (1–5), and opacity fading for older messages.