SuperDev Pro - Design and Dev Toolbox SuperDev Pro - Design and Dev Toolbox

Developer Tools
Version: 2.2.0
Last Update: 2023-04-19

Overview

SuperDev Pro - Design and Dev Toolbox is a Chrome extension developed by Choudhary Abdullah. According to the data from Chrome web store, current version of SuperDev Pro - Design and Dev Toolbox is 2.2.0, updated on 2023-04-19.
4,000+ users have installed this extension. 16 users have rated this extension with an average rating of .
developer website: superdevpro.com

Say Goodbye to Tedious Debugging with DevTools.

Say goodbye to tedious debugging with DevTools. With SuperDev, you’ll save precious time and elevate your web development and design game. Don’t just take our word for it; try it out for yourself and see the difference.

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
πŸ‘‰ Real-time CSS Editor
πŸ‘‰ Smart Autocomplete
πŸ‘‰ Save/Retain Changes
πŸ‘‰ Create Unique Selector
πŸ‘‰ Copy/Export Changes
πŸ‘‰ Code Formatter
πŸ‘‰ VSCode Based Editor
πŸ‘‰ Light/Dark Mode
πŸ‘‰ Navigate With πŸ”ΌπŸ”½ Keys

πŸ› οΈ CSS Inspector
πŸ‘‰ Inspect CSS Properties
πŸ‘‰ View Element TagName
πŸ‘‰ View Element Classes
πŸ‘‰ Visualise Colors
πŸ‘‰ Navigate With πŸ”ΌπŸ”½ Keys

πŸ› οΈ Fonts Changer
πŸ‘‰ Test All Google Fonts
πŸ‘‰ Sorted By Categories
πŸ‘‰ Save/Retain Changes
πŸ‘‰ Copy/Export Changes
πŸ‘‰ Apply On Full Page
πŸ‘‰ Apply On Paragraphs
πŸ‘‰ Apply On Headings

πŸ› οΈ List All Fonts
πŸ‘‰ Find All Page Fonts
πŸ‘‰ Find Their Used Sizes
πŸ‘‰ Find Their Used Weights
πŸ‘‰ Find Their Used Styles
πŸ‘‰ Find How They Look
πŸ‘‰ Copy/Export Data

πŸ› οΈ Color Picker
πŸ‘‰ Pick Colors from Webpage
πŸ‘‰ Includes Pixel Zoomer
πŸ‘‰ Create Your Own Palette
πŸ‘‰ One Click Color Copy
πŸ‘‰ Supports Both Hex/RGB
πŸ‘‰ Copy/Export Palette

πŸ› οΈ Color Palette
πŸ‘‰ Find All Used Colors
πŸ‘‰ One Click Color Copy
πŸ‘‰ Supports Both Hex/RGB
πŸ‘‰ Copy/Export Palette

πŸ› οΈ Move Element
πŸ‘‰ Move Page Elements
πŸ‘‰ Revert Changes - CTRL+ Z

πŸ› οΈ Delete Element
πŸ‘‰ Delete/Hide Page Elements
πŸ‘‰ Revert Changes - CTRL+ Z

πŸ› οΈ Export Element
πŸ‘‰ Export Any Page Element
πŸ‘‰ Exports Only Used HTML/CSS
πŸ‘‰ Export to CodePen/File
πŸ‘‰ Uses 500+ Lines Algorithm
πŸ‘‰ Navigate With πŸ”ΌπŸ”½ Keys

πŸ› οΈ Extract Images
πŸ‘‰ Extract All Images
πŸ‘‰ Extract All Meta Images
πŸ‘‰ Extract All BG Images
πŸ‘‰ Extract All SVGs.
πŸ‘‰ Extract All Favicons.
πŸ‘‰ One Click Save All

πŸ› οΈ Page Guideline
πŸ‘‰ Check Page Alignment
πŸ‘‰ Visualise Margin - Orange
πŸ‘‰ Visualise Padding - Green
πŸ‘‰ Navigate With πŸ”ΌπŸ”½ Keys

πŸ› οΈ Page Ruler
πŸ‘‰ Measure Distance In Pixels
πŸ‘‰ Yup, Just That!

πŸ› οΈ Page Outline
πŸ‘‰ Visualise Box Model
πŸ‘‰ Visualise Element Boundaries

πŸ› οΈ Tag Highlight
πŸ‘‰ Highlight Imp. HTML Tags
πŸ‘‰ Find Number of Each Tag
πŸ‘‰ Copy/Export Data

πŸ› οΈ Live Text Editor
πŸ‘‰ Edit Page Text Easily
πŸ‘‰ Revert Changes - CTRL+ Z

πŸ› οΈ Take Screenshot
πŸ‘‰ Take Full Page Screenshot
πŸ‘‰ Take Visible Area Screenshot
πŸ‘‰ Save In PNG, JPG or PDF

πŸ› οΈ Host And DNS
πŸ‘‰ View Server IP, Host, Country
πŸ‘‰ View A, AAAA, CNAME Records
πŸ‘‰ View MX, NS, TXT Records
πŸ‘‰ Copy/Export Data

πŸ› οΈ Clear All Cache
πŸ‘‰ One Click Clear All Cache
πŸ‘‰ Auto Reload After Clearing
πŸ‘‰ Optionally, Clear Cookie
πŸ‘‰ Optionally, Clear LocalStorage

πŸ” About The License
πŸ”‘ Each license can be activated on three devices/browsers at a time
πŸ”‘ You will get lifetime product updates with each license key.
πŸ”‘ You can easily reset your license at superdevpro.com/activations

πŸ”— Support, Feedback, Roadmap
πŸ“¦ Email : [email protected]
πŸ“¦ Form : forms.gle/cnLbTHQM9QuvYRqTA
πŸ“¦ Website : superdevpro.com
πŸ‘‹ Track Progress : trello.com/b/f9x37pr1/superdev-pro

⚠️ Privacy Note
SuperDev has never collected and will never collect personal data, browsing history, etc. The permission to access websites is to only let you customise the CSS for any webpage and automatically apply your CSS when you visit the webpage in the future. πŸ™Œ

πŸ‘‹ About Me, Choudhary Abdullah
I am an Indie Developer and the creator of SuperDev Pro with a passion for building cool things that helps people. I am working full-time to create the best and most user-friendly browser extension for web developers and improve and expand SuperDev Pro’s features.

I've put in countless hours to make this app the best it can be - packed with features, easy to use, and premium quality. However, I know there's always room for improvement, so I'm eager for your feedback. Whether you've spotted a bug, have an idea, or want to say hi, I'd love to hear from you. πŸ˜€

Rating

16 ratings

Total Installs

4,000+

Information

Last Update

2023-04-19

Current Version

2.2.0

Size

5.15MiB

Author

Choudhary Abdullah

Website

superdevpro.com

Category

Developer Tools

Latest Reviews

See More

avatar Md Mafiz Uddin 3074
2022-10-20

The move element feature is fab along with others, Really excited to see more tools in the coming updates.

avatar Alhaq Hassan
2022-10-18

great extension for frontend developers. page ruler is an amazing feature

avatar Micah Odell
2022-11-23

This tool is an awesome addition to a developer or designers toolbelt. Whether you are a beginner or an expert you will definitely get some value from this.

avatar Syed Sameer Hasan
2022-11-21

Superb Extension on first launch only. Time saver for Developers and Designers.
Congratulations. Many more to come.

All the best for your future

avatar Davidon
2022-12-13

The recent update added permission to read and write browser history. Why does this extension need this sort of permission?

edit:
The developer has addressed the situation satisfactorily