Tab Attention Title

When visitors switch to another tab, your tab title swaps to a come-back message, and restores the moment they return.

Copied 0 times.

Your Site

Some other tab

Simulated tab strip. On your site this runs on the real browser tab.

Members only

This design needs a membership.
Today's price: $1/month, locked forever once you join.

Get it for $1/month Log in

Build a tab attention title script for my website. Match my existing design system and tech stack.

STRUCTURE
- One small self-contained script (no dependencies, no framework requirement) added site-wide.
- All configuration lives in one config object at the top: the attention message, the alternation interval, and whether the message is prefixed. Prefix the attention message with a single attention emoji (like a waving hand) so it stands out in the tab strip.

BEHAVIOR
- Listen to the Page Visibility API (visibilitychange). When the page becomes hidden, start the attention title. When it becomes visible again, restore the original document.title immediately and stop any timer.
- While hidden, alternate document.title between the original title and the attention message every 900ms (a readable blink), starting with the attention message.
- The attention message is exactly: Come back, your deal is waiting
- Store the original title once at load; never lose or rebuild it from the attention state.
- If the browser does not support the Page Visibility API, do nothing: the title simply never changes.

QUALITY AND HONESTY
- The message is the site's own voice. NEVER fake a system notification: no invented unread counts like "(1) New message", no fake alerts, nothing that impersonates the browser or another app. Forbid this in a code comment as a dark pattern.
- No layout or DOM changes, title only. No intervals left running while the tab is visible.
- Clean up the listener and timer properly if the script is unloaded (single-page app navigation safe).
- Keep the interval at 900ms or slower so the title stays readable in the tab strip.

Members only

What it does

The tab attention title waves at visitors who wandered off to another browser tab: your tab's name swaps to a come-back message while they're away, and snaps back the instant they return. A tiny script with an outsized memory-jogging effect.

Faking a notification is banned: no invented (1) New message counts, nothing that impersonates the browser.
The message is your own words, blinking gently or set once.
The blink keeps a readable pace, about once a second, so the tab strip never strobes.
The original title is stored safely and restored the moment they're back.
No timers run while your tab is visible; it works only when nobody's looking.
Browsers that can't do it simply never change the title; nothing breaks.
Title only; it never touches the page itself.

How it works

1Type your come-back message, or leave the box alone to keep the example line.
2Pick the behavior, a gentle blink or one static swap, and whether a little emoji leads the message.
3Copy the prompt, a tiny script brief for your AI, into whichever AI you use.
4Try it in the preview: leave the fake tab and watch the title wave, come back and watch it restore.
5Then test on your real site: open another tab, count to three, and peek at your tab strip for the wave.
6Leave the tab for a full minute: the message should still be waving calmly, and your return should restore everything instantly.

What you can customize

Your message: anything under 60 characters; blank keeps the deal-is-waiting example ready to go.
Behavior: blinking alternates your message with the page title, readable and eye-catching; static swaps once and rests.
Emoji prefix: with adds a little wave that pops in a crowded tab strip; without stays all business, words only.

You'll also like

[shot]

Tab Attention Title

Members only

What it does

How it works

What you can customize

You'll also like

Alternating Feature Rows

3D Press Button

Icon Slide Button