Extract the HTML, CSS and assets behind any element on any website — then convert it to Tailwind. Free, point-and-click, no copy-pasting from DevTools.
All the formerly-premium features are unlocked by default. Just install and snip.
Click the element you want on any website, press a button, and you have the associated HTML/CSS in seconds.
SnipCSS removes unused attributes and classes, merges CSS rules, and refines selectors — output cleaner than the original.
Turn any extracted element into Tailwind classes — great as clean, structured reference for AI coding agents.
Avoid conflicts with generic CSS, scope to your DOM, or rename every class and ID with the transmogrify option.
The same extraction engine, running inside Claude Code and Codex. Point Claude at any live page and have it build UI like it: pixel-exact CSS pulled over the DevTools protocol, converted to Tailwind, adapted to your codebase.
# In Claude Code /plugin marketplace add mrieck/snipkiwi-design-extract /plugin install snipkiwi@snipkiwi # Then just ask Build a feature grid like the one on tailwindcss.com
New tools from the maker of SnipKiwi, as they ship. Unsubscribe in one click.
You'll need to get a confirmation link first.
No login. No subscription. No dashboard. Just snip.
Read the docs
SnipCSS Kiwi