Skip to content

manushwi/CodeFetch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CodeFetch

🚀 CodeFetch - Asset Extractor Chrome Extension

Made with 💻 Version

hover-preview1 hover-preview1

A powerful and simple Chrome extension that allows you to hover over any element on a live website and instantly view its HTML & CSS, extract images, videos, SVGs, and even copy ready-to-use code snippets — all with one click.

hover-preview1


📸 Screenshots

Hover to Inspect Assets Window
hover-preview1 hover-preview2 assets-window assets-window2

🎥 Demo Video

[👈Watch Demo]


🔧 Features

  • 🔍 Inspect HTML/CSS just by hovering on elements
  • 🖼️ Extract Images, Videos, SVGs from the page
  • 🧩 View all assets in a popup window
  • 📋 Copy HTML/CSS snippets in one click
  • 💡 Works on any website, in real-time
  • 🧠 Clean UI with fast interaction

🧑‍💻 How It Works

Get Css and HTML

  1. Install the Extension
  2. Click the CodeFetch icon on any site
  3. Click on Get CSS button.
  4. Hover over elements to get its's html and css
  5. Copy the code and use it in your project

Get assets

  1. Install the Extension
  2. Click the CodeFetch icon on any site
  3. Click on get Assets button.
  4. Click on download button appears on hover to download.
  5. Click on Download all Asset button to download all in one click

🛠 Website Live Link

🔗CodeFetch

Note: The extension is not live yet only the website is live currently.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors