aifjpngbegpnahbmnajckckddcgfnodk
Extract and analyze fonts from any webpage, and copy the SVG, CSS or HTML code to use in your own projects. With Inline, you can easily figure out which fonts are used in any website and use them in your own projects. You can copy the font and its styling as an SVG file, allowing you to integrate it into your own design projects. You can also copy the whole CSS code of the font, or copy the font and its styling as an HTML code. And if you're only interested in a particular CSS property, you can copy that too. (Please be sure to restart Chrome the first time you install Inline)
Supertweak
Visual editor for Tailwind CSS Supertweak is visual editor for Tailwind CSS to quickly tweak your website live, preview instantly and copy classes or html to use in your project. You can try it free for 7 days. Continued use requires activation key. You can purchase your copy of the extension at https://supertweak.dev šØ Tailwind editor Quickly modify property values for Tailwind classes, add or edit variants, manually add, edit or remove classes etc. right inside your browser. You can then copy the classes or html code from the elements with one click. Supports adding arbitrary values and variants and custom Tailwind config as well. š± Responsive Switcher You can quickly resize the window to responsive device widths. Since this resizes window, you will be able to use the editor in small screen widths too unlike the Devtools responsive mode. š· Quick Capture Supertweak lets you quickly take screenshot of visible screen or a selected area, which you can later download or copy to clipboard. This makes it easier to share the changes you made with your team and get feedback. šŖ Children Editor You can easily re-arrange, remove or duplicate elements. Adding elements and text nodes are also supported. āØļø Edit Mode In Edit mode, you can edit the text in the page quickly without other distractions.
CSS Scanly - Copy CSS | Tailwind & Bootstrap
Copy CSS properties from any web element with CSS Scanly. Supports Tailwind & Bootstrap, Helpful for developers and designers CSS Scanly: Inspect, Analyze, and Edit CSS in Real-Time Discover the power of advanced CSS inspection and editing with CSS Scanly, the must-have tool for web developers, designers, and CSS enthusiasts. This Chrome extension transforms how you interact with web page styles, providing an intuitive and feature-rich environment for exploring and manipulating CSS on any website. Hover over any element to instantly view its applied styles See computed styles, including those from stylesheets and inline CSS Explore pseudo-class styles etc. without leaving the page Edit CSS properties on-the-fly and see changes immediately Experiment with styles without affecting the original page Perfect for prototyping and troubleshooting design issues Automatically detects and highlights Bootstrap and Tailwind CSS classes Gain insights into how popular frameworks are used on different websites Pin multiple CSS information boxes for easy comparison Ideal for analyzing styles across different elements simultaneously 5. Copy-to-Clipboard Functionality Quickly copy any CSS styles with a single click Streamline your workflow by easily transferring styles to your projects View applied media queries for responsive design analysis Understand how styles change across different screen sizes Intuitive control bar for easy navigation and tool management Keyboard shortcuts for enhanced productivity Pause and resume the scanner as needed Move the control bar to your preferred location on the screen Perfect For: Web Developers seeking to debug CSS issues Designers looking to analyze and draw inspiration from other websites Students learning web design and CSS QA testers verifying style implementations Anyone curious about the styles behind their favorite websites Elevate your web development and design process with CSS Scanly. Download now and start scanning the world of CSS like never before!
Captr
Take and edit beautiful screenshots on the fly Captr is an extension that takes screenshots and let you edit them directly on the browser. With Captr, all it takes is one click to select an area and voila! š„ You have a stunning screenshot complete with proper padding, gradients, and rounded corners. Share your screenshots on social media and Impress your friends š¤. Extension contains one time payment to "Remove watermark" and enable paid features. Clarification on Extension Permission -> Read your browsing history - Chrome adds this line as we request tabs permission to take the screenshot.
SuperDev Pro
One extension that replaces all your browser tools ā inspect, design, modify, capture, scrape, automate, and more in a sidebar. SuperDev Pro packs 50+ developer, designer, marketer, and power-user tools into a single keyboard-driven sidebar. Stop hoarding one-off extensions ā open one sidebar, get everything. āØļø Open with Ctrl+Shift+E (Cmd+Shift+E on Mac). Hit Ctrl+Shift+S for the command palette and jump straight to any tool. ā¢ CSS Inspector ā live styles + computed values, copy any rule ā¢ Layout Tools ā box model, flex/grid overlays, parents/children ā¢ Ruler & Measure ā click two points: distance, angle, ĪX/ĪY ā¢ Color Picker ā eyedrop + history + HEX/RGB/HSL ā¢ Color Palette ā extract every color used, highlight where it appears ā¢ Site Stack ā detect frameworks, CMS, analytics, CDN, server ā¢ SEO Meta ā full on-page audit: meta, social, headings, images, links ā¢ Page Speed ā Core Web Vitals, resources, page weight ā¢ Accessibility ā contrast, alt text, ARIA, headings, labels ā¢ AI Assistant ā BYOK chat over any OpenAI-compatible API with page context ā¢ Font Changer ā pick element, 50+ Google Fonts, live preview ā¢ List Fonts ā detect every font on the page, highlight usage ā¢ Pattern Background ā 8 patterns, presets, copy CSS ā¢ Dark Mode ā force dark on any site, per-domain control ā¢ Code Injection ā JS / CSS / HTML per-domain with snippet library ā¢ Live Text Editor ā click to edit, track changes, export HTML ā¢ Image Replacer ā drop file or URL, persists across reloads ā¢ Move / Delete Element, Page Outliner ā surgical DOM tweaks ā¢ Screenshot ā visible, area selection, or full-page (JPG / PNG) ā¢ Save as PDF ā live preview, A4 / Letter, custom margins ā¢ Table Capture ā every table on the page to CSV / TSV / JSON / Markdown ā¢ Export Element ā pick any element, send HTML + matched CSS to CodePen ā¢ Web Scrape ā auto-detect lists & tables, scrape, export ā¢ API Tester ā any origin, CORS-free, request history ā¢ URL Opener ā bulk-open URLs with pause / stop control ā¢ Extract Images ā img + background + SVG + favicon + og, bulk download ā¢ Broken Link Checker ā parallel HEAD checks, live progress, CSV ā¢ Webpage ā Markdown ā page / main / picked element to GFM ā¢ Stripe Analytics ā charges, MRR, refunds, breakdowns ā¢ Subreddit Insights / User Analyzer / Cross-Post Finder ā full Reddit toolkit ā¢ Todo ā per-site task list ā¢ Sticky Notes ā drop notes anywhere, drag, 6 colors, per-site persist ā¢ Tab Manager ā list, filter, bulk close / copy / move ā¢ UTM Builder ā campaign URLs with templates and custom params ā¢ Cookie Editor ā list, search, add, edit, export cookies ā¢ Clear Browsing Data ā this site or all, 11 categories, time-range ā¢ Redirect Path ā trace full chain with status + headers ā¢ Currency Converter ā live FX, detect amounts on page, 30+ currencies ā¢ Email Finder ā scan text, mailto, obfuscated, group by domain ā¢ QR Code ā URL, vCard, Wi-Fi, custom color, embedded logo ā¢ JSON Formatter ā format, minify, sort keys, validate ā¢ Encoder / Decoder ā Base64, URL, HTML, hex, Unicode, MD5 / SHA ā¢ World Clock ā multi-timezone with floating widget Everything runs locally in your browser. Zero tracking, zero analytics, zero telemetry. Your data never leaves your machine unless YOU explicitly send it somewhere ā Export to CodePen, BYOK AI calls, etc. 16 tools are free forever. The rest are free during a 7-day trial (extendable to 14 days), then require a one-time lifetime license. No subscription, all future updates included.
