RIPSnippet
Extension Delisted
This extension is no longer available in the official store. Delisted on 2025-09-17.
Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.
RIPSnippet is a DevTools extension that allows you to extract CSS and HTML from selected DOM subtree (last inspected element). Then, with just one click, you can send selected code to CodePen, jsFiddle or JS Bin.
Other features:
- cleans up HTML (removing unnecessary attributes, fixing indentation)
- optimizes CSS to make it readable
- fully configurable (all filters can be turned off)
- nice UI thanks to Bootstrap & Flat-UI projects
- works with :before and :after pseudo elements
Latest reviews
I probably don't know how to use it, doesn't seem to work.
Amazing tool that works most of the time! Only complaint is it does not capture all the different CSS states for an element such as button hover. Other than that, it is great! Compared with other CSS extractors, this extension outputs the cleanest code. It does some CSS rewriting and condenses all the styles which is helpful when you need everything together.
