Reader Mode Header

About this piece

Reader-mode control pill with font size adjust, a size readout, and a theme toggle.

Usage

The import and the props worth knowing about, in one place.

import { Browser13 } from "@/components/beste/piece/browser13";

<Browser13
  fontSize={18}
/>

110%

Pill with a zoom-out, a monospace percent readout, a zoom-in, and a reset button.

https://stripe.com

Tiny address bar with a globe icon and a blinking cursor.

Pill of four navigation buttons: back, forward, reload, and home. Back/forward can be disabled.

Work

GitHub

Linear

Figma

Reading

Row of bookmark chips with folder or star icons. Short labels with soft hover states.

You've gone IncognitoNow you can browse privately

Dark private-browsing card with a masked-face icon and a short note.

You're offlineReconnect to the internet to keep browsing.

Rose-tinted banner with a Wi-Fi-off tile, bold offline title, and a short reconnect hint.