# Sitepeel for Chrome: Website Inspector & Cloner

> Sitepeel for Chrome: copy HTML and CSS, clone pages, export Design MD, pick fonts and colors and compare layouts. 13 tools in one extension.

Canonical page: https://sitepeel.dev/extension/

The website tools can be tried without an account. Clone prompt, the DESIGN.md generator and the asset extractor give a few free runs a day, then ask you to sign in (free); one-time lifetime access makes them unlimited, keeps every result in your account library (with dated copies of DESIGN.md files) and unlocks all 13 tools in the Chrome extension, which also has a 24-hour trial that starts the first time a tool is used. Current regional prices are on the pricing section of the extension page (https://sitepeel.dev/extension/#pricing) and at checkout. The extension runs in Chrome, Edge and Brave on desktop; the website tools also work on phones.

Clone prompt writes a build prompt from values measured on the live page; the site’s own text, logo and image links are placeholders to replace before publishing. The extension’s Clone page tool exports the current rendered page as HTML and CSS, not a whole website crawl, its source project, backend, database or sign-in system. Design MD is an editable Markdown design reference covering typography, colors and spacing. AI providers are optional and may have their own charges. Reuse of extracted material requires the appropriate rights and permissions.

Inspect websites, compare responsive layouts and capture the details. 13 tools for code, screenshots and Design MD.

[Add to Chrome Free install](https://chromewebstore.google.com/detail/sitepeel/khcjkaobanoeohahnlffnnppinoeljme)

[Video + written walkthrough](https://sitepeel.dev/guides/sitepeel-tutorial/)

## 13 tools. One extension.

Pick, edit and export in your browser.

## Copy. Save. Build.

Take code, assets and design details with you.

## You choose what to share.

Generate briefs when you need them.

## Pay once. Keep creating.

All tools included. One payment. No subscription.

## A workspace that works your way.

[Watch the full tutorial](https://sitepeel.dev/guides/sitepeel-tutorial/)

### Compare every layout.

Phone, tablet, desktop or foldable. Arrange previews and inspect the widths that matter.

[Test responsive layouts](https://sitepeel.dev/guides/test-responsive-website-layouts/)

### Capture. Refine. Share.

Four capture modes, adjustable crops, annotations and an editor ready for your handoff.

[Explore the capture editor](https://sitepeel.dev/guides/edit-annotate-website-screenshots/)

### Make the tools yours.

Choose a dock or sidebar. Reorder tools and set your capture and responsive defaults.

[Set up your workspace](https://sitepeel.dev/guides/customize-sitepeel-tools/)

## Inspect a website. Build from the details.

There’s a lot to learn from a well-made website.  
Sitepeel helps you get to the useful parts.

### Open a website.

Click the Sitepeel icon. Your tools open on the page.

### Pick what you need.

Choose a detail, a color, a font, or the whole page.

### Take it from there.

Copy the code. Save the file. Start your next build.

## 13 website tools. Ready when you are.

Watch. Then try them here.

### Pick element

Click an element. Preview and copy its HTML and CSS, or save it as a file.

[HTML & CSS extractor](https://sitepeel.dev/html-css-extractor/)

### Clone page

Preview the page, then export its rendered HTML, styles and assets.

[Website cloner](https://sitepeel.dev/website-cloner/)

### Design MD

Collect typography, colors and spacing in a visual guide and Markdown file.

[Design MD generator](https://sitepeel.dev/design-md-generator/)

### Extract assets

Browse images, videos and SVGs. Filter the collection and save what you need.

[Asset downloader](https://sitepeel.dev/website-image-downloader/)

### Swap fonts

Try 2,100+ font families on the page. Change headings, body text or both.

[Font preview tool](https://sitepeel.dev/font-preview/)

### Inspect & measure

Check dimensions, padding and margins. Measure distances right on the page.

[CSS inspector](https://sitepeel.dev/css-inspector/)

### Design prompt

Turn the page into a detailed design brief. Add your own AI key if you want.

[Website prompt generator](https://sitepeel.dev/website-prompt-generator/)

### Extract colors

Copy a color or export the entire palette as CSS and JSON.

[Website color palette](https://sitepeel.dev/website-color-palette/)

### Detect fonts

Hover over text to see its font, size, weight and line height.

[Font finder](https://sitepeel.dev/font-finder/)

### Edit text

Click any text and try your own words. See exactly how the new copy fits.

[Website text editor](https://sitepeel.dev/website-text-editor/)

### Screenshot

Capture a page, snip or element. Crop, annotate and export from the editor.

[Website screenshot tool](https://sitepeel.dev/website-screenshot/)

### Responsive viewer

Compare phone, tablet and desktop layouts. Drag, scale and capture your previews.

[Responsive viewer](https://sitepeel.dev/responsive-website-viewer/)

### Move & delete

Rearrange elements or remove them. Undo changes whenever you like.

[Layout editor](https://sitepeel.dev/website-layout-editor/)

Every tool is included with lifetime access.

## Design MD for your next build.

A design brief for your AI. Markdown for your editor. Code for your project. Keep working in the tools you already know.

**DESIGN.md** Your next starting point

Claude

Cursor

ChatGPT

Copy. Paste. Keep creating.

## Your browser. A few new superpowers.

Built for Chrome, Edge and Brave on desktop.  
Same Sitepeel. Same tools. Pick your favorite.

### Google Chrome

Desktop extension

### Microsoft Edge

Desktop extension

### Brave

Desktop extension

## Free to start. Pay once for everything.

No subscription. The website tools stay free.

Website tools

For anyone who wants a site’s details, fast.

**Free** no sign-in to start

[Start for free](https://sitepeel.dev/free-tools/)

-   All 9 website tools
-   Clone prompts and DESIGN.md files to start
-   Asset downloads to start
-   [Chrome extension, free to install](https://sitepeel.dev/extension/)
-   24-hour trial of every extension tool

## Lifetime access

One payment. No subscription. [View current regional pricing](https://sitepeel.dev/extension/#pricing). Taxes may apply.

## See what you can build with 13 tools.

A 12-minute walkthrough of Sitepeel, from inspecting your first element to Design MD, screenshots and responsive previews.

[Watch + follow the written guide](https://sitepeel.dev/guides/sitepeel-tutorial/)

12:39 · Full walkthrough[Watch on YouTube](https://www.youtube.com/watch?v=0HZZ-_nvcHg)

## Good to know.

Still curious?  
[Ask us anything](https://sitepeel.dev/contact)

### How do I install Sitepeel?

Click Add to Chrome to install Sitepeel from the Chrome Web Store for free. Pin Sitepeel from the puzzle-piece menu, then open a website and click its icon to use the tools. Installation is available on supported desktop browsers.

### What is Sitepeel?

Sitepeel is a website inspection tool for developers and designers. Its browser extension helps you inspect elements, copy HTML and CSS, clone a rendered page, and export design details as Markdown or an AI design brief.

### What does lifetime access include?

Every Sitepeel tool and lifetime updates with one purchase. No subscription. Add the extension, then sign in with Google on the welcome page to buy and activate lifetime access. You can try the tools on this page before buying.

### Do I need an AI key?

No. Sitepeel creates extracted design prompts and Design MD without an AI provider. You can connect your own provider for optional AI-written prompts; its usage charges are separate.

### How does Sitepeel handle my information?

We don't sell your personal information. We use account details for sign-in and access. Optional AI shares selected content with your chosen provider. See our Privacy Policy for details.

### What does Clone page include?

It exports the current rendered HTML and styles, with an option to include assets. It is a page snapshot; a website's backend, database and login system are not included. You are responsible for having permission to reuse extracted material.

### Can I get a refund?

Try the tools on this page and review browser compatibility before buying. We do not offer voluntary refunds after purchase. This does not limit statutory consumer rights or Dodo Payments' applicable terms.

### Which browsers can I use?

Sitepeel is built for Chromium desktop browsers, including Chrome, Edge and Brave. Browser settings pages and extension stores cannot be inspected. The website tools work on mobile; installing the extension requires a supported desktop browser.
