ofkkcnbmhaodoaehikkibjanliaeffel
A devtool extension for easy restyling of any webpage Restyler lets you change the appearance of any webpage with an easy to use interface. Ongoing changes in the page are automatically observed so new styling is always taken into account. Perfect for testing out design changes or rebranding on an existing page! ★ Modify any CSS attribute value such as font, color, margins, etc... ★ Apply styling rule to all elements in the page or to a specific set (using selectors). ★ Edit any text content in the page. ★ Share your styling rules as a config or export to CSS.
Hoverify: All-in-one extension for web developers
All-in-one browser extension that helps you inspect, edit, test, debug, capture, and optimize websites faster. ⭐ Inspector: Hover to Inspect, Click to Edit • Inspect any site by hovering over the element. • Don't miss any styles. Inspect pseudo-elements and classes. • Inspect and edit styles for all screen sizes and animations in real time. • Style elements visually with our powerful visual editor in real time. • Edit HTML, styles, media queries, and animations in real-time. • View source CSS from different selectors in the code tab. • The code is syntax-highlighted for better reading and editing. • Copy or export the whole component with children to CodePen. • Edit Copy - Check how different copy looks on your page by editing the element's content in real-time. • Hide or Remove Elements - Debug page structure by hiding or removing elements. • Color Palette - Get every color from the page. • Font Viewer - Know what fonts each tag is using. • Search - Find the element through tag name, id, or classes. Even with CSS selectors! • CSS Box - Visually inspect the padding, margin, border, and size of the element. • Keyboard Shortcuts - Fully customizable shortcuts so you can work without lifting your hands off the keyboard. ⭐ Color Eyedropper: Spot, Point, and Select Colors • Pick colors from anywhere on the page, even from images and iframes. • Get RGB, OKLCH, CMYK, HSL, and hex values. ⭐ Responsive Viewer: Preview on Multiple Devices • Test your websites on multiple devices under multiple conditions in parallel. • Click or scroll on one device and other devices will follow. • Simulate modern devices with frames, frame styles, and OS. Includes iPhone 16, iPhone 15, Nothing Phone, Pixel 7 Pro, and more. • Switch between device frame styles and colors to match real-world hardware. • Works on any site - can be injected directly into the page for full compatibility. • Add new custom device profiles to fit your needs. • Test sites on viewports bigger than your display. • Toggle horizontal and vertical scrollbars per device. • Change user-agent. ⭐ Assets: Extract all the assets in one place • Extract images, videos, SVGs, PDFs, Lottie animations, and favicons from the page. • Extract assets from iframes and hidden elements. No valuable content is overlooked. • Preview video thumbnails directly in the images tab. • Filter and sort assets by type, size, and format. Find what you need quickly. • Select all or pick individual assets, then zip and save in one click. ⭐ Library: Save assets directly to the cloud • Save any extracted asset to your connected cloud storage without leaving the browser. • Access your saved assets anytime from your library. ⭐ Site Stack: Discover the tech stack behind any website • Uncover what's powering any site from frameworks and hosting to DNS and SSL, all in one place. • Technologies - Detect frameworks, libraries, CMS platforms, analytics tools, and plugins with confidence scoring and version detection. • Hosting - Identify the hosting provider, server IP address, location, and infrastructure details. • DNS - View DNS records, nameservers, and domain registrar information at a glance. • SSL - Verify the SSL certificate, issuing authority, validity period, TLS version, and key details. • WordPress - Detect WordPress sites automatically and reveal the active theme, installed plugins, and ratings. • Export - Download the full tech stack as a JSON file or generate a professionally designed PDF report. Choose exactly which sections to include, perfect for client handoffs and site audits. ⭐ SEO: Optimize your site for search engines • Run a complete SEO audit on any page, right from your browser. • Insights - Get Core Web Vitals with real user data from Chrome UX Report and lab performance scores from Google's PageSpeed API, all in one view. • Meta Tags - Audit your title, description, Open Graph, and Twitter Card tags with character count validation and social preview checks. • Headers - Visualize your H1 through H6 hierarchy. Spot duplicate headings, missing H1s, and structural issues that hurt readability and rankings. • Images - Find oversized images, compare original vs rendered dimensions, and catch missing alt text that hurts accessibility and SEO. • Links - Scan all internal and external links on a page. Filter by type, detect broken URLs with one-click status checks, and audit anchor text. • Schema - Detect existing structured data (JSON-LD, Microdata, RDFa) with validation, or generate new schema markup from ready-to-use templates. • Export - Generate a professionally designed PDF report. ⭐ Capture: Take stunning screenshots of any website • Showcase the full webpage or just any part of it with our screenshot tools. Save screenshots in JPEG, PNG, WEBP, or PDF format. • Visible Part - Capture the visible part of the viewport of the page in high resolution. • Full Page - Capture the full page and showcase the entire page in one image. • Select Area - Click and drag to select any area of the page to capture. • Select Element - Capture any component on the page by clicking on it. • Screenshot Editor - A full editing suite for your screenshots. Add gradient backgrounds, annotations, branding (your logo and text), and crop with precision. Zoom, pan, paste images from clipboard, snap annotations into place, and export in any format. Turn raw screenshots into polished visuals ready for portfolios, docs, or social media. ⭐ Debug: Optimize and debug your site with ease • Clear Browsing Data - Instantly remove browsing history, cache, cookies, local storage, and more. • Custom Code - Inject HTML, CSS, and JavaScript to tailor websites in real-time and make changes persistent. • Optimize Images - Improve loading times by optimizing images on your landing page. Please note: This is a paid extension, you can buy it from here- https://tryhoverify.com. 💡 Bug Report and Suggestions To report a bug or for a feature request, you can send an e-mail to tryhoverify@gmail.com.
Page Manipulator
Inject HTML, CSS or JavaScript into any web-page. The changes you make are applied every time you visit the specified website(s). - Automatically inject custom HTML, CSS, and/or JavaScript into the pages you specify. - Run custom CSS before the page is fully loaded so you won't see the original page first. - Inject JavaScript on the go. - Add/Remove/Change the HTML and CSS on the go. - Right click on any element on a page to get the full CSS path. - Automatically saves the changes you make. - Files that contain less than 8000 characters are synced across your Google account. - Files that contain 8000 or more characters are stored locally. - Cheat simple games like the T. rex game. - Make your own dark-theme for any website. - Test a website you're working on. - Whatever you can imagine, be creative ;) - Simple, First open the extension. - Choose 'JavaScript', 'CSS' or 'HTML'. - Create a new file by pressing 'new'. - Write your own code or get some from the examples here: https://github.com/Ruud14/Page-Manipulator/tree/master/examples - Press the 'manipulate' button to test your code. - To make sure your code is run every time you visit a specific page do the following: - Put the URLs of the websites in the 'active websites' input. - Check the 'active' checkbox. - Button functionalities: - The 'Reload' Button: - Will Reload the current page. - The 'Active' checkbox: - on > The code will be run automatically on the pages specified in the 'Active websites' textarea. - off > The code will only run when you press the 'Manipulate' button. - The 'Active Websites' textarea: - You can specify the websites you want your code to run on here. - The 'Matching Pages' dropdown: - 'Exact' > The code will only run when the URL of the page is exactly the same as one of the URLs in the 'Active Websites' textarea. (Including slashes at the end!) - 'Recursive' > The code will also run on all sub-pages of the specified URLs in the 'Active Websites'. - The 'Position on page' dropdown (only with HTML): - 'Top' > The HTML will be added to the top of the page. - 'Bottom' > The HTML will be added to the bottom of the page. - 'Replace' > The HTML will replace the entire body HTML of the page. - The 'Manipulate' or 'Update Manip.' button: - Injects the code into the page or updates the injection. - **This button also works when the 'Active' checkbox is unchecked.** - The 'Remove Manip.' Button: - Removes the manipulation from the page. - If the "Auto ⟳" checkbox is checked, the page will automatically reload after pressing the 'Remove Manip.' button. The 'active' checkbox will also be unchecked. - The 'Delete' button: - Deletes the current file from the storage. - You can right-click any element on a page to get the CSS path of that element. - If the extension button in the top right corner is greyed-out, you can't use it on that page. - Make sure the 'active' checkbox is checked. And the 'active websites' input contains the correct URLs. - For JavaScript: - Make sure your code is run at the right moment. Maybe try adding a delay. - Check the browser console for error messages. - For CSS: - Make sure you are manipulating the right element by using "inspect element". - Try using '!important'. - For HTML: - Make sure you haven't accidentally set the 'position' dropdown to the wrong position. - Removing and updating JavaScript manipulations might not work the way you expect it to. Removing your JavaScript manipulation from a page only removes the element, so dynamic changes made to the page will stay there even when you remove the manipulation. To completely remove everything the manipulation did, you must reload the page. This extension works on most sites, but there are some exceptions! If you'd like to see any specific improvements or found any bugs, let me know here: https://github.com/Ruud14/Page-Manipulator/issues The editor I used since release v0.2.0-alpha is Ace editor. Check it out here: https://ace.c9.io/
Visual CSS Editor
The extension lets you edit any website visually without coding. Click an element and start editing. Change colors, fonts, text, spacing, sizes, positions, and layout in real time. Take full control over your website's design with more than 60 style properties. Key Features: - No-code visual editing - Visual Inspector - Customize any website visually - Automatic CSS selectors - 60+ CSS properties - Visual Dragging - Visual margin and padding editing - Undo/redo history - Export CSS styles - Live preview while you edit - Works on most sites and popular platforms Design Assets: Reach many design assets with one click. Customize any website design to fit your needs. - 900+ Google Fonts - Unsplash background stock images - Material and flat color palettes Design Tools: The extension provides you advanced tools and ready-to-use libraries for styling websites effortlessly. - Flexible element inspector - Single element inspector - Responsive tool - Element search tool - Measuring tool - Wireframe view - Design information tool - Gradient generator Usage Examples: - Change text and colors on a page without coding - Fix spacing and alignment visually (no CSS required) - Apply Google Fonts to headings and buttons - Add or adjust background images from Unsplash - Tweak pages built with WordPress, Wix, Squarespace, or Webflow - Style GoHighLevel (GHL) admin panels (fonts, colors, spacing) - Preview edits live, then export CSS and paste into your theme - Inspect elements to learn which styles affect them Note: The free plan includes 100 visual edits per month. For more edits, a premium plan may be required. Premium plans help us keep improving the extension. Thank you for understanding!
Extentie - extension manager
A simple and elegant Chrome extension manager allows you manage your extensions in a popup window. Extentie is a simple and beautiful tool that allows you to toggle and manage Chrome extensions in a popup. Latest update: - Now you can create your own groups to manage your extensions - Revamped from ground up, added more features
