SuperDev Pro - All in one browser extension for web designers & developers |...

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.

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.

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.

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.