SnappySnippet
Item media 4 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

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

4 out of 59 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Natalie GrossmanApr 11, 2024

It's really slow. Its stylesheets are huge. It obliterates the original CSS and scrubs the original IDs & classes from the HTML. It takes the "Cascading" out of CSS, creating one flat style for each element. It's buggy (try saving a snippet that includes a CSS counter e.g.), and because the classes are gone there's no easy way to fix those errors in the generated CSS. It sets height and width properties of every block element to what they were when the snippet was generated, so snippets won't... Show more

Review's profile picture

Carlos Ulises Ochoa Villa (Shane)May 18, 2023

Really helpful extension. Thank you!

1 person found this review to be unhelpful
Review's profile picture

Vladan ColovicMay 17, 2023

Works perfectly!

1 person found this review to be unhelpful

Details

  • Version
    1.0.0
  • Updated
    December 27, 2020
  • Offered by
    fangtiansheng
  • Size
    2.24MiB
  • Languages
    English (United States)
  • Developer
    Email
    fangtiansheng@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

SnappySnippet has disclosed the following information regarding the collection and usage of your data.

SnappySnippet handles the following:

Personally identifiable information
Health information
Financial and payment information
Authentication information
Personal communications
Location
Web history
User activity
Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Save All Resources

4.6(310)

Save all resources files with retaining folder structure.

SnipCSS

4.1(26)

Extract the CSS/HTML for any element on any page, only take the styles you want

Copy DOM Content

5.0(2)

This extension tries to copy the current page DOM elements to the clipboard, including dynamic JavaScript generated elements.

Hoverify

4.1(131)

All-in-one browser extension to improve your web dev experience.

CSS Used

4.6(176)

Get all css rules used by the selected DOM and its descendants.

CSS Scan

3.8(67)

The fastest and easiest way to check, copy and edit CSS.

CSS Peeper

4.6(345)

Extract CSS and build beautiful styleguides.

Extract to React

1.7(7)

Chrome/Chromium extension that allows easy HTML to React conversion.

Web Design Pirate

3.8(20)

Fast and easy way to copy web components, HTML widgets and parts of website design.

eXtract Snippet

3.1(38)

Extract HTML/CSS snippets from websites. Inspect an element and eXtract HTML CSS

CSS Extractor (Extracts style & media rules)

1.2(5)

Select a DOM element and get styles applied to it and all its children.

CSSSteal

2.3(46)

Given DOM element returns styles applied to it and all its children.

Save All Resources

4.6(310)

Save all resources files with retaining folder structure.

SnipCSS

4.1(26)

Extract the CSS/HTML for any element on any page, only take the styles you want

Copy DOM Content

5.0(2)

This extension tries to copy the current page DOM elements to the clipboard, including dynamic JavaScript generated elements.

Hoverify

4.1(131)

All-in-one browser extension to improve your web dev experience.

CSS Used

4.6(176)

Get all css rules used by the selected DOM and its descendants.

CSS Scan

3.8(67)

The fastest and easiest way to check, copy and edit CSS.

CSS Peeper

4.6(345)

Extract CSS and build beautiful styleguides.

Extract to React

1.7(7)

Chrome/Chromium extension that allows easy HTML to React conversion.

Google apps