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.

InspecIA - ElementLens

0.0

Inspetor visual para a Web moderna. Inspecione elementos, extraia estilos e exporte componentes.

Font & Color Finder

0.0

Inspect fonts, colors, spacing and more on any website

CSS Style Inspector – by Pixellize

0.0

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

Brand Kit Inspector

5.0

Extract colors, fonts, and UI styles from any website.

Inspekt

5.0

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

CSS Inspector

0.0

A design-first inspector for extracting styles, colors, and assets.

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.

PuraCSS

5.0

Inspect styles, colors, typography, spacing and assets from any page.

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.

InspecIA - ElementLens

0.0

Inspetor visual para a Web moderna. Inspecione elementos, extraia estilos e exporte componentes.

Font & Color Finder

0.0

Inspect fonts, colors, spacing and more on any website

CSS Style Inspector – by Pixellize

0.0

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

Brand Kit Inspector

5.0

Extract colors, fonts, and UI styles from any website.

Inspekt

5.0

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

Google apps