wa-ui
ui.meta-cloud-api.siteFreemanifest served live
shadcn/ui registry of WhatsApp Web chat components, built on WhatsApp's WDS design tokens
Items
29
2026-08-03Every entry in its own registry.json, counted last night.Free to install
29
2026-08-03Item endpoints that returned source without credentials.Behind a key
0
2026-08-03Item endpoints that answered 401.Last push
2 days ago
5 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Action Buttonaction-button | WhatsApp-style outlined pill action button with optional icon, using @base-ui/react Button. | Components | Free | 1 dep · 2 files | |
| Call Permissioncall-permission | WhatsApp Business calling permission request bubble with animated bottom sheet, radio options, and calling rules footer using @base-ui/react Drawer and RadioGroup. | Components | Free | 1 dep · 2 files | |
| Carousel Templatecarousel-template | WhatsApp Business carousel template with horizontal scrollable cards using @base-ui/react ScrollArea. | Components | Free | 1 dep · 3 files | |
| Chat Bubblechat-bubble | WhatsApp-style message bubble with incoming/outgoing variants, timestamps, read receipts, group chat sender, and animated tail. | Components | Free | no deps · 2 files | |
| Chat Headerchat-header | WhatsApp-style conversation header with avatar, contact name, online status, and action buttons. | Components | Free | no deps · 2 files | |
| Chat List Itemchat-list-item | WhatsApp-style conversation list row with color avatar initials, name, last message, timestamp, unread badge, read receipts, mute, and pin. | Components | Free | no deps · 2 files | |
| Chat Menuchat-menu | WhatsApp-style context dropdown menu with icons, links, danger items, using @base-ui/react Menu. | Components | Free | 1 dep · 2 files | |
| Contact Bubblecontact-bubble | WhatsApp-style contact card — single or multiple contacts with name, phone, avatar, and action buttons. | Components | Free | 1 dep · 3 files | |
| CTA URL Bubblecta-url-bubble | WhatsApp interactive CTA URL message — single external link button with body/footer. | Components | Free | 1 dep · 3 files | |
| Date Separatordate-separator | WhatsApp-style centered date pill divider for separating messages by date. | Components | Free | no deps · 2 files | |
| File Attachment Bubblefile-attachment-bubble | WhatsApp-style file bubble with type-based color icon badge, file name/size, download progress via @base-ui/react Progress, and read receipts. | Components | Free | 1 dep · 2 files | |
| Forwarded Labelforwarded-label | Small italic label indicating a forwarded or frequently forwarded message. | Components | Free | no deps · 2 files | |
| Image Bubbleimage-bubble | WhatsApp-style image bubble supporting single image, multi-image grid (2x2 with +N overflow), loading skeleton, and captions. | Components | Free | no deps · 2 files | |
| Interactive Button Bubbleinteractive-button-bubble | WhatsApp interactive button message — up to 3 reply buttons with header/body/footer. | Components | Free | 1 dep · 3 files | |
| Interactive Reply Bubbleinteractive-reply-bubble | WhatsApp-style interactive reply bubble — shows received button, list, or flow replies with icon and subtype label. | Components | Free | no deps · 3 files | |
| List Message Bubblelist-message-bubble | WhatsApp interactive list message — CTA opens a bottom sheet with selectable sections and rows. | Components | Free | 1 dep · 3 files | |
| Location Bubblelocation-bubble | WhatsApp-style location message with map preview, name/address, and Open in Maps CTA. | Components | Free | 1 dep · 3 files | |
| Message Inputmessage-input | WhatsApp-style message composer with emoji, attachment, auto-resize textarea, and send/voice toggle. | Components | Free | no deps · 2 files | |
| Message Statusmessage-status | Shared MessageStatus type and MessageStatusIcon — sending, sent, delivered, read, failed. | Components | Free | no deps · 2 files | |
| Reactionreaction | WhatsApp-style emoji reaction display — single reaction with count or overlapping multi-reaction group. | Components | Free | no deps · 2 files | |
| Reaction Pillreaction-pill | WhatsApp-style emoji reaction pill with count and toggle state using @base-ui/react Toggle. | Components | Free | 1 dep · 2 files | |
| Reply Previewreply-preview | Quoted message strip shown inside a bubble — author, body preview, media type icon, thumbnail. | Components | Free | no deps · 2 files | |
| Sticker Bubblesticker-bubble | WhatsApp-style sticker message — 160×160px, no bubble background, animated badge support. | Components | Free | no deps · 3 files | |
| System Message Bubblesystem-message-bubble | Centered system notice pill — encryption notices, number changes, and other system events. | Components | Free | no deps · 2 files | |
| Template Bubbletemplate-bubble | WhatsApp Business template message bubble supporting text/image/video/document/location headers and url/phone/quick_reply/copy_code/flow/call_permission buttons. | Components | Free | no deps · 9 files | |
| Typing Indicatortyping-indicator | WhatsApp-style animated typing indicator with three bouncing dots and optional sender name. | Components | Free | no deps · 2 files | |
| Unsupported Message Bubbleunsupported-message-bubble | Fallback bubble for unknown or unsupported WhatsApp message types. | Components | Free | no deps · 3 files | |
| Video Bubblevideo-bubble | WhatsApp-style video message bubble with play/pause, duration badge, caption, and read receipts. | Components | Free | no deps · 3 files | |
| Voice Message Bubblevoice-message-bubble | WhatsApp-style voice message with play/pause, waveform, playback progress, duration, and read receipts. | Components | Free | no deps · 2 files |
