Xtractlytractly

PNG · SVG · React · Vue · Svelte · Base64 · CSS · Framer Motion · .zip

Download every asset fromany website

The Assets panel collects every image, CSS background, inline SVG, video, Lottie animation, PDF and CSS animation on the page into one grid. Filter by type, copy what you need in the format you need, or download it all at once.

Install ExtensionRead the docs

Free with an account · Chrome, Edge & Brave

01

Open Assets

Click the Assets button on the toolbar. The page is scanned for images, SVGs, media and motion.

02

Filter and preview

Filter by Images, SVGs, Video or Motion. Inline SVG icons are deduplicated so icon sets aren't repeated.

03

Copy or download

Copy an asset as code, download a single file with the right extension, or export everything shown as a .zip.

Built for the code you actually ship

  • SVG as components

    Copy any SVG as raw markup or as a ready React, Vue or Svelte component.

  • Images in every shape

    Copy as PNG, a Base64 data URI, a CSS background-image rule or a Tailwind background class.

  • Animations

    CSS animations and transitions are replayed in the panel and copy as CSS, Framer Motion or Tailwind.

  • Correct file names

    Downloads get the right extension from the file's real type — even from extensionless CDN URLs.

Frequently asked questions

Can it download background images?

Yes. CSS background images are collected alongside regular <img> elements and inline SVGs.

Why can't some videos be previewed?

Some sites serve media from origins that refuse cross-origin reads. Xtractly can still copy the URL and download the original file.

Is there a download limit?

No. Asset, image, SVG and Lottie downloads are unlimited on every plan, including Free.

Works well together

Extract colors from any website

Learn more about extract colors from any website

Every colour on the page, ranked — copy as HEX/RGB/HSL/Tailwind or export a palette.

Identify the fonts on any website

Learn more about identify the fonts on any website

Identify any font and see the page's whole type scale, exportable as CSS or Tailwind.

Copy any website component as real code

Learn more about copy any website component as real code

Click any element on a live site and get it back as HTML, React, Vue or Svelte.

The Assets panel

Start today for free

Upgrade when you need more — monthly, yearly, or once for life.

Join Xtractly

Start without a card

Free covers inspecting, capturing and 5 exports a month.

Cancel anytime

No hidden fees. Or pay once for Lifetime and skip renewals.

Clear pricing, no surprises

ProMost popular
$4.99/month

Billed monthly. Cancel anytime.

Upgrade to Pro
  • Everything in Free
  • Unlimited exports — code, Figma & design tokens
  • Save captures to your library & edit them in Studio
  • Full page export & copy
  • Bookmarks
  • REST API access & keys
  • Unlimited Agent Bridge saves
  • Every feature we ship going forward
  • Priority support