Reader View Button

Add a reader mode button to any webpage. Strips clutter and presents clean, readable content.

Generate an embeddable button that adds reader mode to any webpage. When clicked, it extracts the main content and displays it in a clean, distraction-free overlay.

Customize Your Button

Button Text

Position

Button Color

Reader Font

Font Size

Content Width

Preview

Option 1: Script Tag (Recommended)

Add this single script tag to your page. Configure via data attributes:

Option 2: Inline Embed

Or copy this self-contained code before the closing </body> tag:

Or Use as Bookmarklet

Drag this button to your bookmarks bar to use on any page:

📖 Reader View

How It Works

The reader view button uses Mozilla's Readability algorithm to extract the main content from any webpage. When activated, it:

Extracts content: Identifies and extracts the main article text
Removes clutter: Strips ads, navigation, sidebars, and other distractions
Clean display: Presents content in a readable overlay with customizable styling
Easy exit: Press Escape or click outside to return to the original page

Features

Works on most article-based websites
Customizable font, size, and colors
Dark mode support
Keyboard navigation (Escape to close)
No external dependencies at runtime