Hello HN! SnipCSS is a Free Chrome extension (with pro version) that I think many web developers would find useful!
If you ever tried to copy styles from devtools to recreate a design you know it's very tedious to select each element needed and copy styles. SnipCSS automates that better than anyone. Nothing else merges/splices styles into a usable snippet that stays true to the original design.
After getting the extension working well enough to collect snippets, I took it a lot further. I added features to scope the CSS, templatize repeating items, inject lorem ipsum data, and then convert snippets to React/Vue with ChatGPT.
I'm even building a template directory of snippets based on the designs I've collected from random websites.
Making a universal tool to componentize anything on a web is a big project so it took me a couple years to get here.
During that time I've gotten very little feedback. I really suck at talking to users. So please let me know your thoughts and leave a comment!
0