Remove all CSS

CSS Pully – Font & Color & Style Inspector

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers. 🚀 Instantly inspect fonts, extract colors, analyze CSS styles, and download all images from any website with CSS Pully – your all-in-one web design extension for Chrome. Perfect for frontend developers, UI/UX designers, marketers, and content creators looking for fast, accurate, and powerful tools to reverse-engineer websites and speed up their workflow. 🔥 CSS Pully is a complete solution for inspecting website fonts, grabbing colors, copying CSS styles, downloading website images, and auditing layout properties – all in one click. 🎨 Features include: 🔤 Detect all fonts used on a web page, detect Google Fonts 🎯 Extract color palettes 📐 View detailed typography information – font size, line-height, font weight, and spacing 🌈 Get all CSS shadows, borders, border radius, margins, paddings, and layout sizes 👁 Instantly highlight and inspect styled elements directly on the page 📋 Copy full CSS styles of selected elements in one click 🖼 Collect all images from a website instantly 🧩 Filter downloaded images by file type – PNG, JPG, SVG, WebP, and GIF 📦 Download all images in a single ZIP file ⚙️ No coding skills needed – user-friendly interface for designers and non-tech users 💡 Lightweight and fast – does not slow down browser performance 🌍 Works on all types of websites including SPAs and dynamic web apps 🧪 Perfect for design audits, reverse engineering, debugging CSS, creating style guides, or collecting brand assets ✅ Benefits of using CSS Pully: – All-in-one Chrome extension for font detection, color extraction, and CSS inspection – Super easy to use, even for beginners – Pixel-perfect accuracy for copied CSS values – Saves time by removing the need to manually inspect code – Supports inspection of responsive layouts, font sizes, and visual spacing – Enables one-click image downloader with file-type filters and ZIP export – Ideal tool for website analysis, frontend debugging, and UI style copy – Compatible with Chrome, Edge, Brave, and other Chromium-based browsers 🔧 Use cases: – Copy font styles and colors from competitor websites – Collect assets to build style guides and UI kits – Extract CSS to recreate design elements in your project – Download all site images for marketing or content reuse – Debug and fix inconsistent spacing, font sizes, and design issues – Learn and practice design systems from real websites – Speed up handoff between designers and developers 🔹 Can I download images from websites? 🖼 Yes! You can collect all images on a page and download them in a single ZIP file. 🔹 Can I filter image downloads by file type? 📁 Yes, filter by PNG, JPG, SVG, WebP, and more. 🔹 Does it work with all websites? 🌐 Yes, it works on static pages, SPAs, and all modern websites. 🔹 Can I use it offline? 📴 Basic features like CSS inspection work offline, but font and color analysis may require internet access. 🔹 Will it slow down my browser? ⚡ No, CSS Pully is lightweight and optimized for performance. 🔹 Can I copy CSS styles? 📋 Yes, one-click style copy is supported for any inspected element. Download CSS Pully now and unlock the ultimate toolkit for web design inspection. Instantly detect fonts, extract color palettes, analyze CSS properties, collect and download images, and improve your productivity across all design and development tasks. CSS Pully is the must-have Chrome extension for any designer, developer, or creative professional working on the web.

CSS inject

Very simple chrome extension to inject CSS into websites

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!

Debug CSS

When enabled adds outline to all elements on the page, Hold Ctrl and hover to get more detail In the latest version we have addressed the issue where the extension stopped working after mandatory `manifest_version upgrage` from Google. also, we have addressed the issue in which user were unable to see the styling for the bottom most element of the page. we have added tooltip feature which gives a basic styles in tooltip itself. A lightweight extension for Google chrome to show outline of all the element exist on page. while working on web page development the one of the difficult part is to position the element as required and check which element affecting the other one. This chrome extension allows user to see outline on every element of the page. Hold the keyboard Ctrl button and hover element it will show the element details along with the value. Post installation simply click on the extension icon to turn it On or Off. If you are a keyboard shortcut lover like me simply hit `Alt+Shift+C ` key to toggle the extension. This extension works on CSS outline attribute: add the below code snippet in any CSS of a web page The extension does the same the only thing is; it gives different color to different element(s) while the code snippet adds red outline to every element. # Other work and repository [A lightweight customizable plugin for jQuery to show horizontal length in form of vertical progress bar.](https://github.com/pranayjoshicse/VerLim.js) [listed on jqueryscript.net](https://www.jqueryscript.net/other/Simple-Custom-Reading-Indicator-with-jQuery-VerLim-js.html) [Demo](https://www.jqueryscript.net/demo/Simple-Custom-Reading-Indicator-with-jQuery-VerLim-js/)