emicpcfphphapbkepdliklmgfeceighk
DOM Inspector & Editor, inspect and edit HTML element styles directly on any page. It is a lightweight DOM Manipulation Tool and powerful browser extension that helps developers, designers, and curious learners inspect and edit any webpage in real time. With a simple hover or double-click, you can instantly view detailed information about HTML elements such as width, height, font size, font family, font weight, colors, margins, padding, and background. The inline editor lets you change styles directly on the page with live updates, making it easy to experiment, debug, and customize without touching the source code. Whether you’re testing layouts, fine-tuning typography, or exploring how websites are built, this extension gives you a fast and intuitive way to take full control of the DOM.
tweak: mock and modify HTTP requests
Mock or modify your HTTP requests to test, develop and demo your web application tl;dr tweak allows you to mock and modify HTTP requests without leaving the browser You can intercept requests/API calls and 🪄 ﹥ Modify ⁃ Response data and headers ⁃ Status code ⁃ Request payload 💸 ⁃ Request headers 💸 ﹥ Delay individual requests/API calls ﹥ Export and import rules to organize and share your configs with your team ﹥ Search requests in the background to import them automatically Premium 💸 ﹥ Modify the response data by writing custom JavaScript ﹥ Organize your workspace with collections ﹥ Change rules in bulk using global custom variables ﹥ Create mock data with random generators ﹥ Use tweak’s breakpoints and logpoints to debug requests/API calls What you CAN’T do with tweak 🚫 ﹥ Replace documents such as HTML/CSS/Images Useful links 🔗 ﹥Getting started https://tweak-extension.com/docs/intro ﹥FAQs https://tweak-extension.com/faqs ﹥Changelog https://tweak-extension.com/changelog ﹥Support help@tweak-extension.com
UI Inspector - Visual CSS Editor
Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging. A Visual CSS Editor for the Browser Elevate your web development and design workflow with UI Inspector, a powerful Chrome extension that lets you inspect, edit, and style any web page visually and in real-time. Skip the hassle of diving into DevTools and make instant adjustments directly on the page. With UI Inspector, you can: - Inspect elements — activate the extension and click on any element to view its attributes. - Edit attributes — modify styles in the visual editor and see changes in real time. - Control typography — adjust font family, size, weight, line height, and letter spacing. - Configure layout and spacing — set margins, paddings, display properties, and alignment. - Enhance backgrounds and shadows — apply custom colors, gradients, background blurs, and shadow effects. - Customize borders — adjust border width, style, color, and radius. - Fine-tune appearance — control opacity, blend modes, and transforms like rotation. - View all changes — see a list of every element you've updated in one place. - Copy CSS — view and copy the compiled CSS of your changes instantly. Unlock UI Inspector PRO and: - Apply changes globally — use the sensitivity slider to automatically apply style changes to similar elements across the page. - Style presets — save any element as a reusable preset and apply it across any website with a single click. - Export as Tailwind, SCSS, or JSX — copy your changes in the code format your project needs. - Export screenshots — capture high-resolution PNG screenshots of individual styled elements. - Export to GitHub — generate a GitHub issue with your design changes compiled to CSS. Who Is UI Inspector For? Web Developers: - Accelerate front-end development: quickly identify and fix layout or styling issues by editing elements on the fly. - Simplify CSS debugging: bypass DevTools with an intuitive, visual editor. - Export production-ready code: copy changes as CSS, Tailwind, SCSS, or JSX directly into your codebase. Web Designers: - Real-time design validation: adjust and perfect designs in the browser to ensure pixel-perfect implementation. - Bridge design and development: collaborate more effectively by directly tweaking live pages. - Save and reuse presets: build a library of reusable styles and apply them consistently across projects. 1. Activate the Extension: click the UI Inspector icon in your browser toolbar or press Alt/Option + Shift + I. 2. Inspect and Edit Elements: hover over any element to select it and instantly view its adjustable styles. 3. Modify Styles Visually: use the intuitive interface to change typography, layout, spacing, backgrounds, borders, shadows, and more. 4. Save and Apply Presets: create style presets for consistent design and apply them to any element on any site. 5. Export and Share: copy CSS in multiple formats, capture screenshots, or export changes as a GitHub issue. Compatible with any Chromium browser that supports the Side Panel API. For best results, ensure your browser supports all required APIs. If installation issues arise, update your browser to the latest version and try again.
Html2Email: HTML editor and Inserter for Gmail & Yahoo Mail
Easily insert, edit and send HTML emails in Gmail & Yahoo Mail with Html2Email: your ultimate HTML code editor. The html2email extension is designed for those who want to work with HTML emails directly from the browser. It simplifies the process, allowing you to insert ready-made HTML code into emails and immediately see the result. Thanks to integration with Gmail and Yahoo Mail, sending such messages becomes as convenient as possible. ✅ Main features of the extension: 🔸 Simple HTML code insertion through the built-in editor. 🔸 File upload and instant display. 🔸 Support for HTML format emails directly in Gmail and Yahoo Mail interfaces. 🔸 HTML email editor allows you to edit text (add links to HTML emails or insert images) in just minutes. 🔸 Preview HTML email templates before sending. 🔸 HTML email validator: compatibility check for Gmail, Outlook and major clients (structure, images, links, CSS); see issues in a panel and jump to fix in the editor. 🔸 Link checker & editor: find all links in your HTML, test for broken links, bulk edit URLs or add UTM parameters before sending. 💡 If you've ever wondered how to send an HTML email to a colleague or client, this solution is for you. Simple tools and an intuitive interface allow you to add HTML files to emails without unnecessary actions. The extension opens up new design options and makes email communication more expressive. Working with HTML format emails solves many tasks: ➤ Create emails with corporate branding. ➤ Set up email templates for newsletters. ➤ Use HTML email signatures and branded templates. ➤ Prepare emails for distribution through various services. How html2email works: 1️⃣ Open Gmail or Yahoo Mail. 2️⃣ Open the email window and click the HTML code insertion icon. 3️⃣ Insert HTML code into the email or upload an HTML file. 4️⃣ Edit the text using the dialog editor with live preview. 5️⃣ Check before sending in the preview window. 6️⃣ Send it to the recipient with one click. Extension usage scenarios are diverse: 🔸 Insert HTML code into Gmail or Yahoo Mail emails for newsletters and campaigns. 🔸 Prepare beautiful HTML emails for client database newsletters. 🔸 Create professional HTML email signatures with custom branding. 🔸 Design and send HTML email invitations with full control over layout. Who this solution is for: • Marketers creating email newsletters and campaigns. • Designers who care about HTML layout details and email formatting. • Managers working with HTML emails and corporate communications. • Everyone who wants to quickly send HTML emails from Gmail or Yahoo Mail without spending time on code. The extension takes security into account. Your HTML email is processed locally, and transmission to the email service remains secure. This way, you can be confident in data safety and correct content display. Benefits of use: 1. Quick setup without training, built into familiar Gmail and Yahoo Mail UI. 2. Ability to add images to HTML emails without errors. 3. Convenient HTML email templates for regular work. 4. Full compatibility with Gmail and Yahoo Mail web interfaces. 5. Stable operation even with large newsletter volumes. ❓ How to send an HTML email from Gmail/Yahoo? - Use our extension to insert HTML code directly into Gmail. Just click the Insert HTML button, add your HTML, and send like a regular email. ❓ How do you create an email newsletter with HTML? - Use ready-made templates in our editor or paste your own HTML code. Edit, preview, and send directly from Gmail or Yahoo Mail. ❓ How to make HTML email signature? - Create your signature in the HTML editor, preview how it looks, and send. You can reuse the same HTML for multiple emails. ❓ How to insert HTML code into Gmail? - Our extension adds a button directly into the Gmail compose window. Click it, paste or upload your HTML, and click Insert. ❓ After sending, the formatting doesn't look good? - HTML in preview mode may differ from how it will look after sending due to email client specifics. - Be sure to send the email to yourself for testing and correction before sending to the recipient. 🚀html2email makes the complex simple. Now you can insert HTML into Gmail or Yahoo Mail in just two clicks. ⭐ Try the extension today. Make email communication brighter, more modern, and more effective. * This is html2email version for Gmail and Yahoo Mail. Changelog: * 1.6.x - HTML email validator (compatibility check); link checker and bulk link editor (UTM, broken links). * 1.1.x - Added support of Mail.ru
CSS Debugger
Instantly debug CSS layouts by adding colorful outlines to HTML elements. Easily identify and inspect elements with a simple click. This extension, is designed to simplify CSS debugging and layout inspection. It instantly adds colorful outlines to HTML elements, making it easy to visualize and identify different elements on a webpage. The extension solves the common problem of struggling to understand the structure and layout of a website. Instead of manually inspecting elements in the browser's developer tools, this extension provides a quick visual overview of the page's underlying structure. When the extension's icon is clicked, it injects a script into the current tab that toggles the CSS outlines. The script uses predefined color mappings for different HTML elements, and it dynamically generates and injects CSS rules to apply the outlines. It functions similarly to the old Pesticide extension but is compatible with Manifest V3. The source code contains no third-party dependencies. 🌐 Open source repository: https://github.com/aydgn/css-debugger-extension
