WhatsApp Floating Button

Site-wide floating WhatsApp button with an auto-appearing, dismissible teaser bubble. Both the button and bubble open the chat. Configurable color, name and message.

by Luiz Martinelli

Loading preview...

import WhatsappFloatingButton from "@/components/ui/whatsappfloatingbutton"

export default function Demo() {
  return <WhatsappFloatingButton />
}

Dependencies

lucide-react framer-motion

Published

6/23/2026

Similar components

Explore more

Icon components851 Animation components144

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

WhatsApp Floating Button

Dependencies

Tags

Published

Similar components

Explore more