Fons

Extension Tools6 users

Overview

Inspect any live site in a Webflow-style navigator, select an element, and copy clean HTML + the CSS that actually applies to it.

Fons turns any live website into clean, usable code. Browse the page through a familiar visual navigator, select any element, and copy its HTML together with only the CSS needed to reproduce it. Perfect for pasting into AI tools, inspecting existing sites, or quickly understanding how something was built. Features - Visual, Webflow-style DOM navigator - Select elements directly on the live page - Copies the selected element and all of its children - Extracts only relevant CSS rules - Preserves media queries, container queries and `@supports` - Includes required keyframes, fonts and CSS variables - Automatically stays in sync with dynamic pages - Clean, structured output ready for AI or development No digging through DevTools. Select, copy, paste.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.8.1
Updated
August 19, 2026
Flag concern
Offered by
Ravi Klaassens
Size
44.63KiB
Languages
English
Developer
Email
work@raviklaassens.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

Fons 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.

Fons handles the following:

Web history

User activity

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

Support

For help with questions, suggestions, or problems, visit the developer's support site

PageRip (HTML + CSS Extract)

3.2

Rip HTML + CSS snippets from any element on any web page with an element selector. Convert full webpages to single file HTML and JSX

DivMagic - Copy Style from any website

3.3

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

CSS Extractor — Extract CSS from Any Website

5.0

Instantly extract clean, ready-to-use CSS for any element on any webpage. Stop digging through stylesheets manually.

CopyUI - HTML, CSS & Tailwind Inspector

5.0

Stop coding from scratch. Copy any element of any website and export it to Tailwind CSS, JSX or clean CSS in one click.

CopyCSS - One-click style copying for developers.

5.0

Instantly capture and copy CSS styles on hover. Perfect for quick styling, debugging, and workflow efficiency.

CSS Scan — Inspect, Copy & Edit CSS on Any Website

5.0

Inspect any element's CSS on hover, edit live, and copy clean CSS in one click. Faster than DevTools — works on every website.

cssPicker - copy css from website

2.8

copy html and css from any website

CSSync

5.0

Collaboratively inspect, copy, and live-edit CSS from any page.

Web Code Extractor – HTML, CSS & JavaScript Grabber

0.0

Extract HTML, CSS, and JavaScript from any webpage. Pick individual elements or grab the full page.

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

DragCSS — Copy Visual CSS Changes for AI & Copilot

0.0

Drag any webpage element, see CSS changes live, and copy the diff to paste into Copilot, ChatGPT, or any AI.

CSS Scanner Pro

5.0

The fastest and easiest way to inspect, copy and analyze CSS styles on any webpage