I Built a One-Click VS Code Extension That Cleans Up Ugly CSS (Open Source)

`# I Built a One-Click VS Code Extension That Cleans Up Ugly CSS (Open Source)

Hey Devs 👋

You know that moment when you open a legacy .css file and it hits you with:

• 💀 3000+ lines of messy code
• 👻 duplicate properties
• 😩 inconsistent indentation
• 🤡 properties in random order
• and a lot of !important everywhere?

Yeah. Same here.

So I built Smart AutoCSS — a VS Code extension that fixes all of it with just one click.

---

⚡ What it does (in one click):

✅ Auto-cleans indentation

✅ Removes duplicate properties

✅ Sorts CSS properties logically

✅ Works on .css and .scss

✅ No setup required — just right-click → "Smart AutoCSS"

---

📷 Before vs After

`css
/* Before */
.btn {color:#fff; background-color:#000;padding:10px;margin:0px;color:#fff;}

/* After */
.btn {
background-color: #000;
color: #fff;
margin: 0px;
padding: 10px;
}
`

Comments

[Ashish Prajapati]

Great tool

[FireXCore]

Thanks @ashishsimplecoder Let me know if there’s any feature you’d love to see added ✌️