AssetPullKit

Extract design assets from any website

Web Extension Saasdesign shipped 21d ago
27 people opened this project in the last 30 days
#15 of 113 portfolio projects
Aug 10 today
busiest day Aug 10 (3 people)1 today

Extract assets, inspect styles, and explore design tokens from any webpage, 100% local, no APIs needed.

AssetPullKit is a browser-side design extraction tool that gives you six specialist scanners in one persistent side panel. Open it on any website and immediately see every image, SVG, color, font, and Lottie animation the page is using, without touching DevTools.

Everything runs inside your browser.
- No data is sent to any server. No page content ever leaves your machine. There is no backend, no API key, and no account to create.

#What you can do#

Element Inspector
Hover over any element on the page and see its computed CSS in a live floating tooltip: selector, dimensions, color, background, font, padding, margin, and border radius all at once. Click any element to copy its full CSS block to your clipboard. Press Escape to exit.

Image Extractor
Scans every image source on the page including `<img>` tags, `<picture>` sources, and CSS `background-image` values. Preview thumbnails, read dimensions, copy URLs, download individual files, or grab everything at once as a ZIP.

SVG Extractor
Finds all inline SVG elements and gives you a live preview of each one. Copy clean SVG markup or download `.svg` files one at a time or all at once in a ZIP.

Color Palette
Scans the computed color palette across up to 1,200 elements, deduplicates by hex value, and sorts colors by how often they appear. Click any swatch to copy the hex code. Export the full palette as CSS custom properties (`--color-1: #xxx`) in one click.

Font Inspector
Groups every typeface in use by family, weight, and size. Previews each style rendered in the actual font so you can see exactly how it looks on the page. Copy the CSS snippet for any style instantly.

Lottie Detector
Finds Lottie animations loaded via `<lottie-player>` and `<dotlottie-player>` elements, `window.lottie` instances, data attributes, and inline JSON scripts. Copy the source URL or download the raw `.json` animation file directly.

#Side panel stays open as you browse#

The side panel docks to the right of your browser and does not close when you click away. It rescans automatically when you navigate to a new page, making it ideal for comparing assets across multiple sites during research or audits.

#No limits, no subscription#

Every feature is available from the moment you install. There is no free tier with locked capabilities. No credits. No upgrade prompt. AssetPullKit is free to use in full, forever.

Built by
MD Kadiwal @md-kadiwal Accepts freelance work
Senior Software Engineer | Mobile & Web App Development | React Native · Flutter · Next.js · React.js
View profile