{"name":"shoogle","homepage":"https://shoogle.dev","query":"system-message-bubble","pagination":{"hasMore":false,"limit":100,"offset":0,"total":100},"items":[{"addCommandArgument":"@shadcncraft/design-system","name":"shadcncraft/design-system","registry":"@shadcncraft","type":"registry:style"},{"addCommandArgument":"@wa-ui/system-message-bubble","description":"Centered system notice pill — encryption notices, number changes, and other system events.","name":"wa-ui/system-message-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@prompt-kit/system-message","description":"A banner-style component for surfacing contextual information, warnings, or instructions within AI interfaces.","name":"prompt-kit/system-message","registry":"@prompt-kit","type":"registry:ui"},{"addCommandArgument":"@manifest/message-bubble","description":"Chat message bubbles with text, image, voice, and reaction variants.","name":"manifest/message-bubble","registry":"@manifest","type":"registry:block"},{"addCommandArgument":"@elements/message-bubble","description":"Chat message component with user/assistant variants and copy functionality","name":"elements/message-bubble","registry":"@elements","type":"registry:ui"},{"addCommandArgument":"@wa-ui/list-message-bubble","description":"WhatsApp interactive list message — CTA opens a bottom sheet with selectable sections and rows.","name":"wa-ui/list-message-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/unsupported-message-bubble","description":"Fallback bubble for unknown or unsupported WhatsApp message types.","name":"wa-ui/unsupported-message-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/voice-message-bubble","description":"WhatsApp-style voice message with play/pause, waveform, playback progress, duration, and read receipts.","name":"wa-ui/voice-message-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@retab/file-system","description":"A document workspace over a flat object-store manifest with list, grid, columns, lazy folders, generated thumbnails, and FileViewer previews.","name":"retab/file-system","registry":"@retab","type":"registry:ui"},{"addCommandArgument":"@uiable/bubble","description":"Bubble component.","name":"uiable/bubble","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@neon-ui/bubble","description":"Chat bubble primitive with grouping and reactions.","name":"neon-ui/bubble","registry":"@neon-ui","type":"registry:ui"},{"addCommandArgument":"@retab/file-system-block","description":"A document workspace over a flat object-store manifest with list, grid, columns, generated thumbnails, and persistent file previews.","name":"retab/file-system-block","registry":"@retab","type":"registry:block"},{"addCommandArgument":"@retab/file-system-light","description":"A minimal file tree in a ViewerSidebar with FileViewer in the ViewerSurface.","name":"retab/file-system-light","registry":"@retab","type":"registry:ui"},{"addCommandArgument":"@uiable/message","description":"Message component.","name":"uiable/message","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@seamui/message","description":"Chat message row — user as an embossed key, assistant as flat prose.","name":"seamui/message","registry":"@seamui","type":"registry:ui"},{"addCommandArgument":"@tailark/message","description":"Tailark message illustration","name":"tailark/message","registry":"@tailark","type":"registry:component"},{"addCommandArgument":"@neon-ui/message","description":"Conversation message layout primitive with avatar, content, and footer.","name":"neon-ui/message","registry":"@neon-ui","type":"registry:ui"},{"addCommandArgument":"@prompt-kit/message","description":"A component for displaying chat messages with support for avatars, markdown content, and interactive actions","name":"prompt-kit/message","registry":"@prompt-kit","type":"registry:ui"},{"addCommandArgument":"@ai-elements/message","description":"AI-powered message component.","name":"ai-elements/message","registry":"@ai-elements","type":"registry:component"},{"addCommandArgument":"@elevenlabs-ui/message","name":"elevenlabs-ui/message","registry":"@elevenlabs-ui","type":"registry:ui"},{"addCommandArgument":"@wa-ui/sticker-bubble","description":"WhatsApp-style sticker message — 160×160px, no bubble background, animated badge support.","name":"wa-ui/sticker-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/contact-bubble","description":"WhatsApp-style contact card — single or multiple contacts with name, phone, avatar, and action buttons.","name":"wa-ui/contact-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/location-bubble","description":"WhatsApp-style location message with map preview, name/address, and Open in Maps CTA.","name":"wa-ui/location-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/template-bubble","description":"WhatsApp Business template message bubble supporting text/image/video/document/location headers and url/phone/quick_reply/copy_code/flow/call_permission buttons.","name":"wa-ui/template-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/video-bubble","description":"WhatsApp-style video message bubble with play/pause, duration badge, caption, and read receipts.","name":"wa-ui/video-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/image-bubble","description":"WhatsApp-style image bubble supporting single image, multi-image grid (2x2 with +N overflow), loading skeleton, and captions.","name":"wa-ui/image-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/chat-bubble","description":"WhatsApp-style message bubble with incoming/outgoing variants, timestamps, read receipts, group chat sender, and animated tail.","name":"wa-ui/chat-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@canvas-ui/bubble-vanilla","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML stays interactive. No dependencies.","name":"canvas-ui/bubble-vanilla","registry":"@canvas-ui","type":"registry:component"},{"addCommandArgument":"@canvas-ui/bubble-solid","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML stays interactive. No dependencies.","name":"canvas-ui/bubble-solid","registry":"@canvas-ui","type":"registry:component"},{"addCommandArgument":"@canvas-ui/bubble-svelte","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML stays interactive. No dependencies.","name":"canvas-ui/bubble-svelte","registry":"@canvas-ui","type":"registry:component"},{"addCommandArgument":"@canvas-ui/bubble-vue","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML stays interactive. No dependencies.","name":"canvas-ui/bubble-vue","registry":"@canvas-ui","type":"registry:component"},{"addCommandArgument":"@canvas-ui/bubble-react","description":"A glassy droplet that trails the cursor as blending metaballs and refracts the live page beneath it, with dispersion, frost, and an iridescent sheen. The HTML stays interactive. No dependencies.","name":"canvas-ui/bubble-react","registry":"@canvas-ui","type":"registry:component"},{"addCommandArgument":"@svelte-bits/bubble-menu","description":"Pill-style overlay nav with staggered GSAP bubble entrance animation.","name":"svelte-bits/bubble-menu","registry":"@svelte-bits","type":"registry:component"},{"addCommandArgument":"@shadcn-ui-blocks/og-image-system-status","description":"A status card with an operational headline and green service rows.","name":"shadcn-ui-blocks/og-image-system-status","registry":"@shadcn-ui-blocks","type":"registry:item"},{"addCommandArgument":"@shadcn-ui-blocks/og-image-design-system","description":"A design system card with a swatch and component panel and a version chip.","name":"shadcn-ui-blocks/og-image-design-system","registry":"@shadcn-ui-blocks","type":"registry:item"},{"addCommandArgument":"@uiable/uiable-bubble-variants","description":"Bubble Variants variant for component.","name":"uiable/uiable-bubble-variants","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-bubble-tooltip","description":"Bubble Tooltip variant for component.","name":"uiable/uiable-bubble-tooltip","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-bubble-reactions","description":"Bubble Reactions variant for component.","name":"uiable/uiable-bubble-reactions","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-bubble-popover","description":"Bubble Popover variant for component.","name":"uiable/uiable-bubble-popover","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-bubble-link","description":"Bubble Link variant for component.","name":"uiable/uiable-bubble-link","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-bubble-group","description":"Bubble Group variant for component.","name":"uiable/uiable-bubble-group","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-bubble-collapsible","description":"Bubble Collapsible variant for component.","name":"uiable/uiable-bubble-collapsible","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-bubble-alignment","description":"Bubble Alignment variant for component.","name":"uiable/uiable-bubble-alignment","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@wa-ui/interactive-reply-bubble","description":"WhatsApp-style interactive reply bubble — shows received button, list, or flow replies with icon and subtype label.","name":"wa-ui/interactive-reply-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/cta-url-bubble","description":"WhatsApp interactive CTA URL message — single external link button with body/footer.","name":"wa-ui/cta-url-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/interactive-button-bubble","description":"WhatsApp interactive button message — up to 3 reply buttons with header/body/footer.","name":"wa-ui/interactive-button-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/file-attachment-bubble","description":"WhatsApp-style file bubble with type-based color icon badge, file name/size, download progress via @base-ui/react Progress, and read receipts.","name":"wa-ui/file-attachment-bubble","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@animate-ui/components-backgrounds-bubble","description":"An interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.","name":"animate-ui/components-backgrounds-bubble","registry":"@animate-ui","type":"registry:ui"},{"addCommandArgument":"@uiable/message-scroller","description":"Message Scroller component.","name":"uiable/message-scroller","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@seamui/message-actions","name":"seamui/message-actions","registry":"@seamui","type":"registry:example"},{"addCommandArgument":"@seamui/message-demo","name":"seamui/message-demo","registry":"@seamui","type":"registry:example"},{"addCommandArgument":"@brainless/grok-message","description":"A Grok conversation turn — the ❯ user marker or plain assistant text, with optional wall-clock timestamp.","name":"brainless/grok-message","registry":"@brainless","type":"registry:ui"},{"addCommandArgument":"@brainless/codex-message","description":"A Codex conversation turn — bold › user marker or plain assistant text.","name":"brainless/codex-message","registry":"@brainless","type":"registry:ui"},{"addCommandArgument":"@brainless/claude-message","description":"A conversation turn — Claude Code's ❯ chip for the user, plain text for the assistant.","name":"brainless/claude-message","registry":"@brainless","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-square","name":"lucide-animated/message-square","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-circle","name":"lucide-animated/message-circle","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@hugeicons-animated/message-01","description":"Animated message icon","name":"hugeicons-animated/message-01","registry":"@hugeicons-animated","type":"registry:ui"},{"addCommandArgument":"@tailark/message-2","description":"Tailark 2 message illustration","name":"tailark/message-2","registry":"@tailark","type":"registry:component"},{"addCommandArgument":"@wa-ui/message-status","description":"Shared MessageStatus type and MessageStatusIcon — sending, sent, delivered, read, failed.","name":"wa-ui/message-status","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@wa-ui/message-input","description":"WhatsApp-style message composer with emoji, attachment, auto-resize textarea, and send/voice toggle.","name":"wa-ui/message-input","registry":"@wa-ui","type":"registry:component"},{"addCommandArgument":"@neon-ui/message-scroller","description":"Chat scroll container with turn anchoring, auto-follow, and jump-to-latest.","name":"neon-ui/message-scroller","registry":"@neon-ui","type":"registry:ui"},{"addCommandArgument":"@assistant-ui/message-timing","name":"assistant-ui/message-timing","registry":"@assistant-ui","type":"registry:component"},{"addCommandArgument":"@fluid/chat-message","description":"A single chat transcript entry with baked-in entrance and layout motion. Right-aligned accent bubble for the user, left-aligned muted bubble for the assistant, with optional file attachments. Adapts to the global shape setting.","name":"fluid/chat-message","registry":"@fluid","type":"registry:ui"},{"addCommandArgument":"@fluid/input-message","description":"Chat-style message composer with auto-resizing textarea, drag-and-drop file attachments (PNG / JPEG / PDF), flexible left/right action slots, and a built-in send button on a Surface-2 substrate.","name":"fluid/input-message","registry":"@fluid","type":"registry:ui"},{"addCommandArgument":"@termcn/status-message","description":"Inline status message with icon and color","name":"termcn/status-message","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@termcn/chat-message","description":"Chat message bubble with role label, streaming indicator, and collapsible content","name":"termcn/chat-message","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@tool-ui/message-draft","description":"Review and confirm drafted messages before sending.","name":"tool-ui/message-draft","registry":"@tool-ui","type":"registry:block"},{"addCommandArgument":"@ai-elements/example-message","description":"Example implementation of message.","name":"ai-elements/example-message","registry":"@ai-elements","type":"registry:block"},{"addCommandArgument":"@elevenlabs-ui/message-demo","name":"elevenlabs-ui/message-demo","registry":"@elevenlabs-ui","type":"registry:example"},{"addCommandArgument":"@shadcnblocks/editor-editor-bubble-1","description":"Format selected text with a floating bubble menu.","name":"shadcnblocks/editor-editor-bubble-1","registry":"@shadcnblocks","type":"registry:block"},{"addCommandArgument":"@animate-ui/demo-components-backgrounds-bubble","description":"Demo showing a bubble background.","name":"animate-ui/demo-components-backgrounds-bubble","registry":"@animate-ui","type":"registry:ui"},{"addCommandArgument":"@uitripled/context-menu-bubble-shadcnui","description":"Right-click reveals circular expanding radial menu with icons","name":"uitripled/context-menu-bubble-shadcnui","registry":"@uitripled","type":"registry:component"},{"addCommandArgument":"@vue-bits/BubbleMenu","description":"Floating circular expanding menu with staggered item reveal.","name":"vue-bits/BubbleMenu","registry":"@vue-bits","type":"registry:component"},{"addCommandArgument":"@uiable/uiable-message-group","description":"Message Group variant for component.","name":"uiable/uiable-message-group","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-message-attachment","description":"Message Attachment variant for component.","name":"uiable/uiable-message-attachment","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@uiable/uiable-message-actions","description":"Message Actions variant for component.","name":"uiable/uiable-message-actions","registry":"@uiable","type":"registry:ui"},{"addCommandArgument":"@seamui/message-avatar-fallback","name":"seamui/message-avatar-fallback","registry":"@seamui","type":"registry:example"},{"addCommandArgument":"@lucide-animated/message-square-x","name":"lucide-animated/message-square-x","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-square-plus","name":"lucide-animated/message-square-plus","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-square-more","name":"lucide-animated/message-square-more","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-square-dashed","name":"lucide-animated/message-square-dashed","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-square-check","name":"lucide-animated/message-square-check","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-circle-x","name":"lucide-animated/message-circle-x","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-circle-plus","name":"lucide-animated/message-circle-plus","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-circle-more","name":"lucide-animated/message-circle-more","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-circle-dashed","name":"lucide-animated/message-circle-dashed","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/message-circle-check","name":"lucide-animated/message-circle-check","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@lucide-animated/bot-message-square","name":"lucide-animated/bot-message-square","registry":"@lucide-animated","type":"registry:ui"},{"addCommandArgument":"@hugeicons-animated/message-add-01","description":"Animated message add icon","name":"hugeicons-animated/message-add-01","registry":"@hugeicons-animated","type":"registry:ui"},{"addCommandArgument":"@termcn/opentui-status-message","description":"Inline status message with icon and color","name":"termcn/opentui-status-message","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@termcn/opentui-chat-message","description":"Chat message bubble with role label, streaming indicator, and collapsible content","name":"termcn/opentui-chat-message","registry":"@termcn","type":"registry:ui"},{"addCommandArgument":"@animate-ui/icons-message-square","description":"Message square icon component.","name":"animate-ui/icons-message-square","registry":"@animate-ui","type":"registry:ui"},{"addCommandArgument":"@animate-ui/icons-message-circle","description":"Message circle icon component.","name":"animate-ui/icons-message-circle","registry":"@animate-ui","type":"registry:ui"},{"addCommandArgument":"@shadcnuikit/chat-bubble4","description":"Chat bubble built with shadcn/ui.","name":"shadcnuikit/chat-bubble4","registry":"@shadcnuikit","type":"registry:block"},{"addCommandArgument":"@shadcnuikit/chat-bubble3","description":"Conversation-style message bubbles for support widgets and chat UIs. Includes sender alignment, avatars, timestamps, and input areas—all using shadcn/ui for consistent styling.","name":"shadcnuikit/chat-bubble3","registry":"@shadcnuikit","type":"registry:block"},{"addCommandArgument":"@shadcnuikit/chat-bubble2","description":"Conversation-style message bubbles for support widgets and chat UIs. Includes sender alignment, avatars, timestamps, and input areas—all using shadcn/ui for consistent styling.","name":"shadcnuikit/chat-bubble2","registry":"@shadcnuikit","type":"registry:block"},{"addCommandArgument":"@shadcnuikit/chat-bubble1","description":"Conversation-style message bubbles for support widgets and chat UIs. Includes sender alignment, avatars, timestamps, and input areas—all using shadcn/ui for consistent styling.","name":"shadcnuikit/chat-bubble1","registry":"@shadcnuikit","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/application-pro-charts-bubble-chart","description":"ScatterChart plotting accounts by usage score, monthly revenue, and seat count encoded as bubble size.","name":"shadcn-ui-blocks/application-pro-charts-bubble-chart","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/portfolio-pro-developer-portfolio-system-design-case","description":"A case study split pairing the problem, numbered architecture decisions, and outcome metrics with a blueprint panel tracing the ingest and read paths.","name":"shadcn-ui-blocks/portfolio-pro-developer-portfolio-system-design-case","registry":"@shadcn-ui-blocks","type":"registry:block"},{"addCommandArgument":"@shadcn-ui-blocks/portfolio-pro-design-portfolio-design-system-display","description":"A systems-work section showing a shared design system as colour token swatches, a six-step type scale, and three component documentation cards.","name":"shadcn-ui-blocks/portfolio-pro-design-portfolio-design-system-display","registry":"@shadcn-ui-blocks","type":"registry:block"}],"totalResults":100,"timestamp":"2026-08-04T13:22:20.586Z"}