TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: SnipCSS – Extract CSS from any website section, turn into components

3 pointsby mrieckalmost 2 years ago
Hello HN! SnipCSS is a Free Chrome extension (with pro version) that I think many web developers would find useful!<p>If you ever tried to copy styles from devtools to recreate a design you know it&#x27;s very tedious to select each element needed and copy styles. SnipCSS automates that better than anyone. Nothing else merges&#x2F;splices styles into a usable snippet that stays true to the original design.<p>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&#x2F;Vue with ChatGPT.<p>I&#x27;m even building a template directory of snippets based on the designs I&#x27;ve collected from random websites.<p>Making a universal tool to componentize anything on a web is a big project so it took me a couple years to get here.<p>During that time I&#x27;ve gotten very little feedback. I really suck at talking to users. So please let me know your thoughts and leave a comment!

no comments

no comments