Chrome, Firefox and Edge Browser Logos

Deconstruct Any Website In One Click

Accurately extract UI styles, SEO metadata, assets and more from any page without complex developer tools.
Product image

Essential Information From Any Webpage

Styles tab of extension

Page Styles

Instantly explore and copy any font, color or gradient used on a webpage. See font family information and export color palettes to popular design tools.

SEO tab of extension

SEO Checker

Preview and validate the metadata for any webpage. Spot missing metadata, check data for best practices and get recommendations to improve your SEO.

Media tab of extension

Asset Gallery

Explore a gallery of all the images used on a webpage, including backgrounds. Easily save any image by clicking the download button directly in the extension.

Why Use BrowserLens

BrowserLens provides an easier way to access frequently used visual and technical data that you would find in the page source or developer tools.

Dev tools screenshot

Without BrowserLens

Waste time digging through complex source code.
Individually copy styles from dev tools.
Manually check SEO and metadata.
Manually find and download assets.
Extension screenshot

With BrowserLens

All visual styles and page data organised in one place.
Click on any style to copy.
SEO and page meta is checked with warnings if fixes are needed.
All assets in one place with previews and one click downloads.

Built For Creatives

BrowserLens is built for every stage of your creative project. Designers can easily inspect styles, developers can verify their code and teams have all the tools they need to collaborate effectively.

Designers

Detect Fonts, Colors & Gradients
View & Copy Styles In Multiple Formats
Export Colors to Figma
One-Click Asset Downloads

Developers

Copy Raw CSS For Styles
Find Font Families & Fallbacks
Validate SEO / Meta
One-Click Asset Downloads

Agencies

Extract Styles From Any Website
View & Copy Styles In Multiple Formats
Validate SEO / Meta
One-Click Asset Downloads

Features

Comprehensive Styling, Media and SEO Data

Fonts tab of extension

Export Styles To Your Favourite Design Tools

Download styles in a range of formats to use with popular design tools such as Figma.

Figma export

Currently available for Figma using the BrowserLens Importer Figma plugin. More export formats and destinations coming soon.

Chrome, Firefox and Edge Browser Logos

Start Building With BrowserLens

BrowserLens is a free extension for Chrome, Firefox and Edge.

Frequently Asked Questions

Will BrowserLens work on my computer?

BrowserLens works on any device with Google Chrome, Firefox or Microsoft Edge. The extension is free to download from each browsers web store.

How much does BrowserLens cost?

This version of the BrowserLens extension is free to use and all currently available features will remain free forever.

Can I use BrowserLens with Safari?

Currently BrowserLens is only supported by Chrome, Firefox and Edge.

Does BrowserLens track my browsing history?

No. BrowserLens will never track your browsing history. The extension will ask permission to access your tabs when first installed or updated so that it can extract the styling and seo information from the currently open website. Processing of pages is done on your device.