# All tools

> All 13 tools in the Sitepeel Chrome extension: copy HTML and CSS, clone a page, make a DESIGN.md, save images, find fonts and test every screen size.

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

Every tool opens on the page you have open, even behind a login, from a dock at the bottom or a sidebar.

Updated: 2026-10-28

## Explore

- [Pick element (HTML & CSS extractor)](https://sitepeel.dev/html-css-extractor/index.md): Pick any element on a website and copy its HTML and CSS. Preview, copy or save a button, card or section with the Sitepeel Chrome extension, in one click.
- [Clone page (Website cloner)](https://sitepeel.dev/website-cloner/index.md): Clone any website: paste a link for a free AI clone prompt, or save the page as HTML and CSS with the Sitepeel Chrome extension, even behind a login.
- [Inspect & measure (CSS inspector & ruler)](https://sitepeel.dev/css-inspector/index.md): An element inspector and page ruler for Chrome: hover any element for its size, padding and margins, and measure the space between elements on any website.
- [Extract colors (Website color extractor)](https://sitepeel.dev/free-tools/color-palette-generator/index.md): Extract the colors from any website, copy single values and export the whole palette as CSS variables or JSON, with the Sitepeel Chrome extension.
- [Design prompt (Website prompt generator)](https://sitepeel.dev/free-tools/clone-prompt/index.md): Turn an existing website into a structured design prompt. Capture layout, typography and visual details for an AI website project with Sitepeel.
- [Design MD (DESIGN.md generator extension)](https://sitepeel.dev/design-md-chrome-extension/index.md): Make a DESIGN.md from the page you have open, even behind a login, with the Sitepeel Chrome extension. Save it as a skill for Claude Code, Codex or Cursor.
- [Extract assets (Image downloader extension)](https://sitepeel.dev/image-downloader-chrome-extension/index.md): Download every image on the page you have open, even behind a login: the Sitepeel Chrome extension finds images, SVGs and videos and saves them as a ZIP.
- [Detect fonts (Website font finder)](https://sitepeel.dev/free-tools/font-finder/index.md): Hover over any text on a website to see its font family, size, weight and line height. Find the fonts behind a design with the Sitepeel Chrome extension.
- [Swap fonts (Live font preview)](https://sitepeel.dev/font-preview/index.md): A font changer Chrome extension: swap the headings, body text or both on any live website for one of 2,100+ fonts, and compare them in the real layout.
- [Responsive viewer (Responsive viewer extension)](https://sitepeel.dev/responsive-viewer-chrome-extension/index.md): Mobile view in Chrome: see the page you have open at phone, tablet and desktop widths side by side, even behind a login, with the Sitepeel Chrome extension.
- [Screenshot (Website screenshot tool)](https://sitepeel.dev/website-screenshot/index.md): Capture a full page, the visible area, a snip or one element. Then crop, annotate, frame and export your website screenshots in the Sitepeel capture editor.
- [Edit text (Website text editor)](https://sitepeel.dev/website-text-editor/index.md): Try new headings and website copy directly in the layout. Edit text locally with Sitepeel to check wrapping and fit before updating your site.
- [Move & delete (Website layout editor)](https://sitepeel.dev/website-layout-editor/index.md): Try layout changes on a live website in your browser. Move or remove elements, then undo, with the Sitepeel Chrome extension before you build the redesign.