Item logo image for Frontend Dev Tool

Frontend Dev Tool

5.0(

1 rating

)
Item media 3 (screenshot) for Frontend Dev Tool
Item media 1 (screenshot) for Frontend Dev Tool
Item media 2 (screenshot) for Frontend Dev Tool
Item media 3 (screenshot) for Frontend Dev Tool
Item media 1 (screenshot) for Frontend Dev Tool
Item media 1 (screenshot) for Frontend Dev Tool
Item media 2 (screenshot) for Frontend Dev Tool
Item media 3 (screenshot) for Frontend Dev Tool

Overview

Inspect computed styles, typography, contrast ratios, and extract page elements.

An all-in-one design inspection toolkit for developers and designers. This extension allows users to analyze fonts, extract color values, check contrast ratios, and inspect UI elements directly on any webpage. It combines multiple tools into a single streamlined workflow, improving productivity and ensuring design consistency.

Details

  • Version
    1.2.0
  • Updated
    June 9, 2026
  • Size
    447KiB
  • Languages
    English
  • Developer
    Email
    mdkazinaim0018@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Frontend Dev Tool has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Frontend Dev Tool handles the following:

Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Element Inspect

5.0

Inspect padding, margin, tag, class, and size by hovering over elements.

Design QA Inspector

0.0

Compare Figma designs with live websites. Extract CSS styles and identify differences in typography, colors, spacing, and more.

Design System Inspector

0.0

Inspect design tokens, spacing, and component details with a sleek overlay interface.

Which Font?

5.0

Inspect any DOM element and instantly view its typography and styling details.

CSS Style Inspector – by Pixellize

0.0

Inspect CSS styles, colors, typography, spacing and more from any webpage element.

Element Inspector

5.0

Inspect elements and get their attributes and styles.

Inspekt

5.0

Hover any element to see its fonts, colors, spacing and CSS, then copy them instantly.

Design Token Extractor Pro

0.0

Extract, inspect, and export design tokens from any website. Colors, typography, spacing, shadows, WCAG, and more.

Designer Toolkit

0.0

Toolkit for designers and developers. Pick colors, grab fonts, check WCAG contrast, simulate color blindness and more.

Colorpeek

0.0

Inspect color and typography on any webpage: eyedropper hover mode, page palette extraction, and a WCAG AA/AAA contrast checker.

Lunor

5.0

Inspect pages for media, SVGs, colors, and fonts with live inspect mode.

Design Inspector

5.0

Hover over any element to instantly inspect fonts, colours, spacing, images and design tokens.

Element Inspect

5.0

Inspect padding, margin, tag, class, and size by hovering over elements.

Design QA Inspector

0.0

Compare Figma designs with live websites. Extract CSS styles and identify differences in typography, colors, spacing, and more.

Design System Inspector

0.0

Inspect design tokens, spacing, and component details with a sleek overlay interface.

Which Font?

5.0

Inspect any DOM element and instantly view its typography and styling details.

CSS Style Inspector – by Pixellize

0.0

Inspect CSS styles, colors, typography, spacing and more from any webpage element.

Element Inspector

5.0

Inspect elements and get their attributes and styles.

Inspekt

5.0

Hover any element to see its fonts, colors, spacing and CSS, then copy them instantly.

Design Token Extractor Pro

0.0

Extract, inspect, and export design tokens from any website. Colors, typography, spacing, shadows, WCAG, and more.

Google apps