SnappySnippet SnappySnippet

Developer Tools
Version: 1.0.0
Last Update: 2020-12-26

Overview

SnappySnippet is a Chrome extension developed by fangtiansheng. According to the data from Chrome web store, current version of SnappySnippet is 1.0.0, updated on 2020-12-26.
10,000+ users have installed this extension. 6 users have rated this extension with an average rating of .

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

Rating

6 ratings
5
4
3
2
1

Total Installs

10,000+

Information

Last Update

2020-12-26

Current Version

1.0.0

Size

2.24MiB

Author

fangtiansheng

Website

None

Category

Developer Tools

SnappySnippet Alternatives

Name Category Rating Rating Count Installs
extension logo CSS Used Developer Tools
(164) 60,000+
extension logo CSS Scan Developer Tools
(55) 10,000+
extension logo Web Design Pirate Developer Tools
(17) 2,000+
extension logo Save All Resources Developer Tools
(267) 200,000+
extension logo Hoverify Developer Tools
(103) 10,000+
extension logo CSS Peeper Developer Tools
(316) 400,000+
extension logo Copy DOM Content Developer Tools
(2) 674
extension logo eXtract Snippet Developer Tools
(37) 9,000+
extension logo Html Scan Developer Tools
(10) 3,000+
extension logo PageRip (HTML + CSS Extract) Developer Tools
(9) 1,000+
extension logo CSSViewer Developer Tools
(363) 200,000+
extension logo CSS Inspector Developer Tools
(48) 6,000+
extension logo CSSSteal Developer Tools
(45) 4,000+
extension logo CSS Extractor (Extracts style & media rules) Developer Tools
(2) 796
extension logo SnipCSS Developer Tools
(17) 8,000+
extension logo Extract to React Developer Tools
(7) 2,000+
extension logo VisBug Developer Tools
(217) 100,000+
extension logo Amino: Live CSS Editor Developer Tools
(421) 30,000+
extension logo Live editor for CSS, Less & Sass - Magic CSS Developer Tools
(239) 60,000+
extension logo Clone Page Accessibility
(5) 2,000+
extension logo CSS Brio Developer Tools
(4) 2,000+
extension logo Copy Css Selector Developer Tools
(21) 10,000+
extension logo Save Page WE Productivity
(333) 100,000+
extension logo Page Ruler Productivity
(47) 200,000+

Latest Reviews

See More

avatar Logy Tech
2021-11-22

fake spam

avatar Dipen Parmar
2021-01-19

Great work....Thanks

avatar cherif barry
2021-01-11

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.

avatar Mike S
2023-01-15

Nice plugin, it works well. Would be nice to have the option to retain the original structure and class names

avatar Mike S
2023-01-15

Nice plugin, it works well. Would be nice to have the option to retain the original structure and class names