Chrome extension that allows easy extraction of CSS and HTML from selected element.
CSS JavaScript
Pull request Compare This branch is 49 commits behind kdzwinel:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Chrome/Chromium extension that allows easy CSS+HTML extraction of specific DOM element. Created snippet can be then exported to CodePen or jsFiddle with one click.

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



You may install this extension from its google chrome webstore page

or download it and manually load as an 'Unpacked extension' via chrome extensions page.

Bugs and Features

If you found a bug or have a feature request, please create an issue here on GitHub.

Thanks to

qntmfred for inspiration


Konrad Dzwinel


This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see