SnipCSS SnipCSS

Developer Tools
Version: 1.6.2
Last Update: 2023-03-18

Overview

SnipCSS is a Chrome extension developed by Productive Mark LLC. According to the data from Chrome web store, current version of SnipCSS is 1.6.2, updated on 2023-03-18.
8,000+ users have installed this extension. 17 users have rated this extension with an average rating of .
developer website: www.snipcss.com

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

SnipCSS extracts all CSS styles associated with any portion of a webpage. It works on all websites, and after a few clicks you get the CSS, HTML and Images associated with the section of the website you are trying to recreate.

ANY COOL DESIGN YOU SEE ON THE WEB CAN BE YOUR PERSONAL TEMPLATE FOR QUICK PROTOTYPING!
========================================
If you tried to do the same by copying/pasting by hand it would probably take 20 minutes, but with SnipCSS you can select and get all styles including ones with media queries in under a minute. I even use it on sections of websites I created myself in other projects, so I can get a quick reusable HTML/CSS component to plug into my new project.

Unlike other CSS extractor extensions that use "Computed Styles", SnipCSS uses the Chrome DevTools protocol. Just like when you use devtools you see a list of associated styles, SnipCSS reconstructs that list for each element in the subtree of the DOM snippet.

All images, fonts and everything else needed for the design is downloaded, and you can easily export all the files into a zip file.

PRO VERSION LAUNCHED!
========================================
Get CSS from multiple resolutions or multiple elements using the Pro Version! Also advanced features like scoping, removing unnecessary attributes/classes, and creating a sub-selection of items have been added for Pro members.

With the new templating system, you can automatically inject data into your snippets with React/Vue. The template version of a snippet injects Lorem Ipsum data into the html so copyrighted images/text are automatically replaced.

Just visit SnipCSS.com and sign up if you're interested in unlocking these advanced features.

Rating

17 ratings

Total Installs

8,000+

Information

Last Update

2023-03-18

Current Version

1.6.2

Size

8.6MiB

Author

Productive Mark LLC

Website

www.snipcss.com

Category

Developer Tools

Latest Reviews

See More

avatar Forever Indépendant
2022-04-12

amazing, it actually works which I didn't expect. 5/5 for sure thanks dev

avatar Arkadiy Nightparty
2022-03-24

I don't know why other people are complaining that this extension doesn't work. It works perfectly and flawlessly! If the icon disappears, you have to click on the "puzzle piece" icon in the top right of your browser to show all the hidden extensions.

avatar Chris Hayes
2022-02-16

Worked great. Thank you, saved me a ton of time.

avatar Kishore Bali
2022-01-24

waste

avatar branswik
2021-11-11

I have been looking for a similar plugin for a very long time - this is the best I've seen! As for the animation with the kiwi bird, this is a special thanks! Prosperity and do not disappear)