Design Mode+

In-page DOM playground for quick edits.

Design Mode Plus elevates the standard browser document.designMode to an entirely new level. It provides a sleek, draggable, in-page toolbar that gives you complete control over any website's DOM. Whether you are a developer testing layouts, a designer making quick visual tweaks, or just someone looking to modify a webpage before printing or taking a screenshot, this extension offers a premium, bloat-free experience. 🛠️ HOW TO INSTALL AND USE: 1. Install the extension and pin it to your toolbar for easy access. 2. Visit any website or web application you wish to modify. 3. Click the Design Mode+ extension icon in your toolbar to launch the on-page Widget for quick edits. ✨ FEATURES • Floating Widget Toolkit: A draggable, fully featured UI injected directly into the page. • Visual Highlighting: Smart hover and click outlines so you know exactly which element you're targeting. • Rich Text Formatting: Bold, Italic, Underline, Headers (H1-H6), Lists, Blockquotes, Links, Images, and HTML Entities. • DOM Manipulation: Instantly Duplicate, Remove, or Hide any element with a single click. • Powerful Copy Utilities: Easily copy an element's Outer HTML, Inner HTML, raw Text content, or capture it directly as a PNG Image. • Undo History: Made a mistake? Use the smart undo system to reverse DOM modifications and formats. • Context Menu Integration: Prefer a silent mode without the toolbar? Right-click anywhere to access core tools. • Customizable UX: Supports Light/Dark themes and Expanded/Minimal toolbar layouts. 🔏 PRIVACY FIRST: This extension respects your privacy. It requires zero permissions to read your browsing history and does not communicate with any external servers. All edits are performed locally within your browser, and your preferences are saved securely on your own device. Absolutely no data is collected, tracked, or transferred.