Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.
Chrome/Chromium extension that allows easy CSS+HTML extraction of specific DOM element. Created snippet can be then exported to CodePen, jsFiddle or JS Bin 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
Latest reviews
- (2023-05-19) Carlos Ulises Ochoa Villa (Shane): Really helpful extension. Thank you!
- (2023-05-17) Vladan Colovic: Works perfectly!
- (2023-04-19) Sheryar Khan: Works Fine for me. Although sometimes bugs but it's impossible to copy things the way this extension does.
- (2023-01-15) Mike S: Nice plugin, it works well. Would be nice to have the option to retain the original structure and class names
- (2021-11-22) Logy Tech: fake spam
- (2021-01-19) Dipen Parmar: Great work....Thanks
- (2021-01-11) cherif barry: cette extension fonctionne plutôt bien. Seuls problèmes c'est quand vous gênerez le html et le css d'une page qui est elle responsive, vous obtenez du code ne prenant pas en charge le coté responsif de votre application. L'autre grand problème c'est concernant la largeur de la page. L'extension est organisée de sorte qu'il faut d'abord inspecter votre page puis ouvrir l'outil Snappysneepet. Vous obtenez un code exactement correspondant au contenu du layout.