Skip to content
BlurFirst

How to Blur WhatsApp Web During Screen Sharing (Hide Chats, Contacts & Numbers)

6 min read

Need to show one WhatsApp Web thread on a call without leaking your chat list? Here's how to blur contact names, phone numbers, message previews and profile photos before you share your screen.

To hide your chats on WhatsApp Web while screen sharing, blur the left chat list — the contact names, phone numbers, message previews and profile photos — and, when you only need one thread visible, the conversation header too. BlurFirst paints that blur into the page as real pixels before you present, so it survives Zoom, Google Meet, Microsoft Teams, Loom and any screen recording, and a message that pops in mid-call is one panic shortcut away from being hidden.

What WhatsApp Web exposes the moment you share

web.whatsapp.com is designed to keep everything in view at once, which is exactly the problem on a shared screen. Before you present, know what's actually on the page:

  • The chat list (left column) — every contact and group name, stacked top to bottom, often with a raw phone number for people you haven't saved.
  • Message previews — the last line of each conversation sits right under the name, so a single glance leaks what people are saying.
  • Profile photos — the avatars beside each chat identify people even when a name is generic or a nickname.
  • The open conversation — the full message history in the thread you have selected, including forwarded content, media captions and voice notes.
  • The conversation header — the contact's name and, for unsaved numbers, the phone number pinned at the top of the thread.
  • Incoming-message toasts — a new chat can jump to the top of the list or flash a preview while you're mid-sentence.

How to blur WhatsApp Web before you share your screen

  1. 1

    Open the chat you'll show

    Get web.whatsapp.com to the exact conversation you plan to walk through, before anyone joins the call.

  2. 2

    Start BlurFirst

    Press Ctrl/⌘ ⇧ Y to begin. Everything happens locally in your browser — nothing you blur ever leaves it, and the only network call is a license check.

  3. 3

    Box-blur the whole chat list

    Drag a rectangle over the entire left column. The region stays anchored as the list scrolls and re-orders, so names, numbers, previews and avatars all stay frosted.

  4. 4

    Hide the header if the number is private

    Demoing an unsaved contact? Element-click the conversation header to blur the name and phone number while the messages below stay readable — or box-blur individual bubbles you don't want shown.

  5. 5

    Arm the panic hotkey

    Keep Ctrl/⌘ ⇧ H in mind. One press blurs the entire page instantly if the wrong chat opens or a call comes in; press again to reveal.

Incoming messages and the re-rendering chat list

WhatsApp Web is live: when a new message arrives, the sender jumps to the top of the list and the preview updates, which re-renders that part of the page. Because a box blur is anchored to the region — not to a specific contact row — it keeps covering the left column no matter how the list re-sorts. That is the key difference from trying to hide one name: the area stays blurred even as the content underneath changes. For the split-second surprises — a popup toast, or clicking into the wrong thread — the panic shortcut frosts everything at once, and you reveal it again when you're ready.

If it's the numbers you care about specifically, BlurFirst's Scan (Pro) detects patterns like phone numbers locally and blurs them in one click — handy for unsaved contacts whose number shows in the header and list. Scan matches patterns, not free-text names, so pair it with a box blur over the list to cover contact names too.

WhatsApp Web elementBest gestureWhy
Left chat list (names, numbers, previews, photos)Box/region blurAnchored to the column, so it survives the list re-sorting when messages arrive
A single message bubbleElement blurClick to hide just that bubble, click again to reveal
Conversation header name/numberElement blurFrosts the header while the thread stays readable
Phone numbers on screenScan (Pro)Detects number patterns locally and blurs them in one click
Surprise popup / wrong chatPanic (Ctrl/⌘ ⇧ H)Blurs the whole page instantly, then toggle back
Which BlurFirst gesture to use for each part of WhatsApp Web

Why blurring beats WhatsApp's own settings

WhatsApp Web has no presenter mode, and turning off message previews under Settings only affects OS notifications — not what's rendered inside the tab. Closing the sidebar isn't an option either; the chat list is core to the layout. Blurring works at the presentation layer: it controls what the audience sees, independent of what you can see, and because the pixels are baked into the page, screenshots of the shared feed are covered too. One honest limit: BlurFirst only affects content inside the browser tab. If you also run WhatsApp as a native desktop app, or mirror your phone to the screen, those windows aren't covered — a desktop app is in development.

Frequently asked questions

Will the blur show up in Zoom or a recording, or just on my screen?

It shows up everywhere the tab does. BlurFirst paints the blur into the page as real pixels, so it survives Zoom, Google Meet, Microsoft Teams, Loom, OBS and any screenshot of the shared feed. It is not an overlay that exists only on your monitor.

Can I still read the one conversation I'm demoing?

Yes. Box-blur the left chat list and leave the open thread clear. If only the contact's name or number is sensitive, element-blur the header and keep the messages readable.

What happens if a message pops in while I'm sharing?

A box blur over the left column keeps covering it even as the list re-sorts to put the new sender on top. For anything unexpected, press Ctrl/Cmd Shift H to blur the whole page instantly, then toggle it back.

Does this work with the WhatsApp desktop app?

No. BlurFirst is a browser extension, so it covers WhatsApp Web at web.whatsapp.com in Chrome, Edge, Brave, Vivaldi and Opera. The standalone WhatsApp desktop app is a native window; a BlurFirst desktop app is in development.

Does any of my chat content get uploaded?

No. Everything is blurred locally in your browser and nothing you blur ever leaves it. BlurFirst stores only a CSS selector for a saved region, never the message content inside it, and the sole network request is a license check.

Blur it before you share it.

Hide any field, region or message on a page before your next call. Nothing you blur leaves your browser.

Add to Chrome