Website asset extractor for Chrome
Capture colors, fonts, SVGs, videos, and code-ready values from any live page. Generate SVG icons with AI. Save everything to one organized library.
Capture surface
Images, SVGs, gradients, video
Export layer
CSS, HTML, and tokens
color: #FF683F;
background: linear-gradient(...);
font-family: "Sora", sans-serif;
border-radius: 6px;
AssetSnip keeps the workflow simple: grab the exact assets you want, store them in one place, and move back into design or code without the cleanup step.
Hover to highlight a region, then capture the subtree with HTML, CSS, Tailwind, and token-style color and font lists without losing context.
Grab images, inline SVGs, video, and Lottie from public pages, then download or save to your library.
Keep video and Lottie JSON in reach for client reviews, handoff, and rebuild work.
Keep captures in a cloud library with tags and folders, so the research stays searchable and shareable across sessions.
Store the palette with reusable values instead of eyeballing screenshots.
Inspect mode outputs HTML, CSS, Tailwind HTML, a Tailwind config snippet, and React-style markup you can open in CodePen or copy into your build.
Turn a text prompt into a custom SVG icon or vectorize a reference image, then save results straight to your library. Available on paid plans.
No screenshot folders, no hunting through DevTools, and no extra cleanup step just to keep a good reference.
Add AssetSnip to Chrome. It takes a few seconds and stays out of the way until you open the side panel.
Navigate any site, then grab colors, fonts, images, and sections directly from the page.
Everything lands in your dashboard, ready to download, open in CodePen, or copy as CSS, HTML, or Tailwind-friendly output on paid plans.
Images
PNG, JPG, WebP, AVIF
SVGs
Vectors and icons
Videos
MP4, WebM, GIF
Lottie
JSON motion files on the page
Folders
Saved references
Colors
HEX, RGB, HSL
Gradients
CSS gradients
Typography
Fonts and styles
Components
HTML, CSS, Tailwind, and React from Inspect
AI Icons
Text-to-SVG and image-to-vector
A simple plan comparison matrix for users who want to see limits, library size, and advanced features at a glance.
Core Features
Monthly Limits
Library
Support
AssetSnip can capture images, inline SVGs, videos, colors, CSS gradients, fonts, and Lottie JSON. Everything you save shows up in your cloud library, taggable and organized for reuse later.
Ready when you are
Add AssetSnip in Chrome, capture once on the live page, and keep the exact assets and values in a library you can search and export. Free to start, with paid plans when your research volume grows.
Add to Chrome