Hey folks 👋, it's a classic tale of "broke 🥲 but still want to slay the CSS game"! SuperDev Pro was born out of necessity - because, let's face it, who has $120 a year to spare for CSS Pro? So, like any resourceful developer, I decided to take matters into my own hands and created a tool that would compete with the most expensive CSS tools out there. And thus, SuperDev Pro was born! Website - https://superdevpro.com/ Install - https://superdevpro.com/install SuperDev Pro is affordable 💰, freemium, and a one-time purchase, no subscription nonsense here. Ten features are free out of eighteen and it come with a one-week trial. Isn't this cool? SuperDev Pro is designed with your needs in mind, so you can focus on what you do best - designing and creating amazing websites. Join 4000+ developers and designers who have already made SuperDev Pro their go-to tool for front-end development and take your projects to the next level! 💪 ⚙️ Features List 👉 Live CSS Editor - Add, save, and export custom CSS with autocomplete. 👉 CSS Inspector - Inspect any element’s important CSS properties in real-time. 👉 Fonts Changer - Test out Google Fonts on page headings, paragraphs or full page. 👉 List All Fonts - Get all page font names, sizes, styles, weights and how they look. 👉 Color Picker - Pick and copy colors from any page, even from a single pixel. 👉 Color Palette - View, copy, and export any page’s colors palette. 👉 Move Element - Move and reposition any page element within the page/viewport. 👉 Delete Element - Remove any HTML element from the page with just one click. 👉 Export Element - Export the used HTML and used filtered CSS of any element. 👉 Extract Images - Extract all images, meta images, BG images and SVGs. 👉 Page Guideline - Check real-time alignments + visualise padding and margin. 👉 Page Outline - Visualise box model and see the boundaries of any HTML element. 👉 Tag Highlighter - Highlight important HTML tags with different background colors. 👉 Page Ruler - Measure real-time distance between everything on your browser. 👉 Live Text Editor - Convert any webpage into a content editable document. 👉 Take Screenshot - Take full-page or visible area screenshots in JPG, PNG, and PDF. 👉 Host And DNS - View, copy, and export any website’s IP, DNS, and Host data. 👉 Clear All Cache - Clear cache, cookies and localstorage in 1-click with auto reload. It can be installed on Chrome, Microsoft Edge, Brave, and all Chromium-based browsers. More features, optimisations, and upgrades will comes multiple times a month via updates, 🔥. This is a very active project. Here's a fun fact that will make you smile 😅, SuperDev Pro isn't just a powerful tool for debugging, testing and modifying websites. It's so good, in fact, that it is the very tool used while building SuperDev Pro. Not only that, but it is also used while building its own website, as well as the jaw-dropping video you just watched on above.

Oh boy! Where do I start what a great tool SuperDev is, Been using it for months now and I must say every feature of it is very well thought out and targeted to give the Frontend developer and designer a run for their money, I would like to mention some tools which I find myself using, liveCSS editor a no brainer for quickly test out various CSS properties directly on webpage elements, Color Picker to pick colors from anywhere on webpage,Export element to export any part of the website to codepen Amongst many others, Overall It is an awesome addition to my arsenal!

Congratulations on launch🚀 I’ve been using superdev since its initial release and oh boy what a tool it is. I don’t need to switch between different extensions. There is significant improvement in my productivity I must say.

Congratulations on the launch of SuperDev pro, tools that SuperDev Pro includes make my work easy as a frontend developer.

Great extension for front-end developers. Page ruler is an amazing feature. I recently started using this and it has been a game changer for a Frontend Developer. The extension is easy to use and integrates seamlessly with my browser.

I would really take a moment to appreciate the developer of this product. Superdev have made my daily work easier and more efficient as a web developer. But the new features are just phenomenal and a big relief. Extract Media and Extract Element, I have no words to define how useful they are and how easy they would make my life. However, Live CSS editor is my favorite and I can see I would be using it a lot.

Congrats on the launch! @twoabd

This extension is a life savior for me. Earlier I used to install different extensions, which was a time taking process. But with the help of SuperDev Pro, I found all the extensions which I needed, in one place. "Fonts Changer", "Color Picker", " Color Palette", and "Extract Images" - I use these features on daily basis. It's not only for the developers but also for the Designers. Thanks to the maker of this extension, for making my work easier!!

@twoabd what a great tool! One question though: will there be a Safari extension in the future?

"18 tools in extention". I must say, it makes work very easy.