UD5 Toolkit
Text to Braille Converter - Online Grade 1 & 2 English
Convert English text to Braille (Grade 1 and simple Grade 2 contractions). Educational tool to understand Braille representation. Local only.
Highlighted Text Extractor – Online Gather Citations From Web
Highlighted Text Extractor
Extract, organize & export highlighted citations from any webpage HTML — perfect for researchers, students & writers.
Custom CSS selector:
Ctrl+Enter to extract
Browser Bookmarklet
Drag this link to your bookmarks bar. Click it on any webpage to instantly extract highlighted text.
Quick Tips
- Use Ctrl+U (View Page Source) to get full HTML
- Right-click highlighted text → Inspect → Copy outerHTML
- Supports highlights from Hypothesis, Diigo, Liner, Notion, Google Docs
- The Bookmarklet works on any live webpage instantly
- Add a Source URL for proper citation tracking
Frequently Asked Questions
A Highlighted Text Extractor is a tool that parses webpage HTML to find and collect visually highlighted or marked text. It identifies
<mark> tags, CSS-classed highlights, inline background colors, and annotation metadata — then compiles them into a clean list you can copy, quote, or export. This is especially useful for researchers gathering citations, students collecting study notes, and writers compiling references from multiple sources.
There are three easy methods:
1. Paste HTML Source: Right-click any webpage → "View Page Source" (Ctrl+U) → copy all → paste into the textarea above → click Extract.
2. Use the Bookmarklet: Drag our bookmarklet to your browser's bookmarks bar, then click it on any webpage to instantly collect all highlighted text.
3. Inspect Element: Right-click a specific highlighted section → "Inspect" → right-click the element in DevTools → Copy → Copy outerHTML → paste here.
1. Paste HTML Source: Right-click any webpage → "View Page Source" (Ctrl+U) → copy all → paste into the textarea above → click Extract.
2. Use the Bookmarklet: Drag our bookmarklet to your browser's bookmarks bar, then click it on any webpage to instantly collect all highlighted text.
3. Inspect Element: Right-click a specific highlighted section → "Inspect" → right-click the element in DevTools → Copy → Copy outerHTML → paste here.
We support a wide range of highlight formats: HTML5
<mark> tags, CSS classes like .highlight, .hl, .highlighter, inline background-color styles, data-highlighted attributes (used by Hypothesis), custom annotation elements, and any user-defined CSS selector. This covers highlights from Google Docs, Notion, Hypothesis, Diigo, Liner, Microsoft Word HTML exports, and most browser highlighter extensions.
Yes! Both Google Docs and Notion use inline background-color styles for highlighted text when exported as HTML. Enable the "Inline bg-color" preset above, then export your document as HTML (Google Docs: File → Download → Web Page; Notion: Export → HTML) and paste the source here. Our extractor will identify all highlighted passages automatically.
The bookmarklet is a small JavaScript program saved as a browser bookmark. When clicked on any webpage, it scans the live DOM for highlighted elements (using the same detection logic as the main tool) and displays extracted text in a popup window. You can then copy the results instantly — no need to view page source or leave the page. Drag the yellow "Extract Highlights" button above to your bookmarks bar to install it.
Absolutely secure. All HTML parsing and text extraction happens entirely in your browser using the DOMParser API. No data is sent to any server, uploaded, or stored. Your clipboard contents, pasted HTML, and extracted citations remain completely private on your device. We never track, log, or transmit your content.
You can export extracted citations in CSV (great for spreadsheets), JSON (for developers & data analysis), Plain Text (one highlight per line), and Markdown (with blockquote formatting). The "Copy as Quotes" button formats all highlights with
> prefixes ready for academic writing. When a Source URL is provided, exports include provenance metadata.
Common reasons:
• The highlights use a CSS class or attribute not covered by the default presets — try adding a Custom CSS selector.
• The HTML was copied from a rendered view rather than the source — use View Page Source (Ctrl+U) to get raw HTML.
• Highlights are applied dynamically via JavaScript and aren't present in the static HTML — use the Bookmarklet on the live page instead.
• The background color syntax doesn't match — try enabling more presets or inspect the element to find the exact selector.
• The highlights use a CSS class or attribute not covered by the default presets — try adding a Custom CSS selector.
• The HTML was copied from a rendered view rather than the source — use View Page Source (Ctrl+U) to get raw HTML.
• Highlights are applied dynamically via JavaScript and aren't present in the static HTML — use the Bookmarklet on the live page instead.
• The background color syntax doesn't match — try enabling more presets or inspect the element to find the exact selector.
Upside Down Text Converter - Online Flip Letters & Words
Convert any text to upside down (flipped) characters using Unicode mappings. Copy and paste to social media. 100% local, no data sent.
Text to Newspaper - Online Justified Multi‑Column
Format your text into a classic newspaper layout with multiple justified columns. Ready to print or PDF. Local.
PDF Word Counter - Online Extract & Count
Drop a PDF and count the total words, characters, and pages. Text extraction is done locally. Privacy‑friendly.
TTS Reader with Word Highlight - Online Speak & Read Along
Paste any text and have it read aloud while each spoken word is highlighted. Improve reading focus. Web Speech API.
Image Palette Extractor (Paste) - Online Clipboard Image
Paste an image from your clipboard directly into the page (Ctrl+V) and extract its color palette. No file dialog needed.
Text Watermark on Image - Online Add Subtle Overlay
Add a repeating diagonal text watermark to your images. Adjust opacity, font, and color. Protect your photos locally.
Image to Pure ASCII - Online High‑Contrast Text Art
Turn a photo into a high‑contrast ASCII art using only standard text characters. Adjust brightness and character set. Works offline.
Text to Binary Grid - Online Visual Representation
Enter text and see each character's 8‑bit binary laid out in a black‑and‑white grid. Beautiful data art. Local.
Parts‑of‑Speech Tagger - Online Text Analyzer
Paste a sentence and see each word tagged with its part of speech (noun, verb, adjective). Local rule‑based analysis.
Text to Symbol Font - Online Special Unicode Converter
Map English letters to fancy mathematical or ornamental Unicode symbols. Create Facebook/Twitter bio art. All local.
Emoji Counter - Online Tally Your Messages
Paste text and see a sorted count of all emojis used. Find your most‑used emoji. Fun analytics. All local.
CSS Letterpress Text Effect - Online Inset Typography
Create a realistic letterpress (debossed) text effect using CSS text‑shadow and background. Adjust depth and light direction. Copy code.
Text Alignment Tool - Online Left/Center/Right/Justify
Paste text and align it left, center, right, or fully justify by inserting spaces. Simple formatting helper. Pure browser.
Text File Merger - Online Combine Multiple TXT
Upload multiple text files and concatenate them into one, with optional separators. No upload; processed instantly.
Paraphrase Comparison Tool - Online Spot the Rewrite
Paste two versions of the same idea and see a word‑level diff highlighting the rewrite. Not AI, just diff.
Neon Sign Text Effect - Online Glowing CSS Generator
Design a realistic neon sign text with multiple layers of glow. Copy the CSS and HTML. Perfect for headers.
Website Color Theme Extractor - Online Grab Palette from CSS
Fetch a website's CSS and extract :root custom properties (‑‑color) to reveal its design token palette. For learning and inspiration.
PDF Text Extractor - Online Copy Text from PDF Locally
Extract selectable text from a PDF using the browser's built‑in PDF rendering. Copy or download as TXT. No upload, fully private.
GIF Caption Adder - Online Add Text to Animated GIFs
Upload an animated GIF and overlay text on top or bottom. Preserves animation. Instant download without upload. Pure browser canvas.
Braille to Text Converter - Online Decode Dot Patterns
Enter Braille dot numbers (1‑6) or paste Unicode Braille to decode into English text. Companion to text‑to‑Braille.
QR Code with Text - Online Add Label & Caption Below
Generate a QR code with a custom text label below or above. Perfect for printed signs. All generated locally as a single image.
Wingdings Translator - Online Text to Symbol Converter
Encode text into Wingdings symbols and decode Wingdings back to text. A nostalgic and fun puzzle tool. All processing in your browser.
Upside Down Text Generator - Online Flip & Reverse Letters
Write upside down text using Unicode flipped characters. Copy and paste to surprise friends. Completely frontend and instant.
PDF Page Extractor - Online Split & Extract Pages Locally
Extract specific pages or split a PDF document into multiple files. Works entirely in the browser; your documents never leave your computer.
JSON Path Finder - Online Search & Extract from Object
Search and extract values from a large JSON object using dot/bracket notation. Quickly locate deeply nested fields. Data stays local in your browser.
HTML to Markdown Converter - Online Clean Content Extractor
Strip HTML tags and convert web content to plain Markdown. Preserve headings, lists, and links. Perfect for content migration. All processing in browser.
Line Sorter - Online Sort Text Lines Alphabetically
Sort lines of text alphabetically, numerically, or by length. Reverse order supported. Perfect for organizing lists and data sets with complete privacy.
Character Counter - Online Letter & Symbol Frequency Tool
Deep-dive into text with detailed character and letter frequency analysis. Supports multiple languages and includes whitespace control. Fast and private.
Word Counter - Online Free Character & Word Count Tool
Count words, characters, sentences, and paragraphs instantly. Analyze text density and reading time. Secure client-side processing for your content privacy.