Delete unused classes

Unused CSS classes in Webflow accumulate silently. Every time you add an element, style it, then delete the element or change your approach, the class remains in the project stylesheet. Over time this adds weight to your CSS file and creates confusion when you're building or editing later.

From an SEO and performance standpoint, excess CSS increases the size of the stylesheet that has to download before your page can render. This affects Time to First Byte and Largest Contentful Paint — two Core Web Vitals signals. For most sites, the impact is minor, but on larger projects with hundreds of unused classes, it can be measurable.

In Webflow, the Style Manager panel shows all classes in your project. Webflow marks unused classes with a small indicator. You can sort by usage and identify which classes have no elements attached to them. Delete unused classes from the Style Manager before publishing — select them and hit Delete. Webflow also has a "Clean Up" option in the Style Manager that removes unused classes in bulk.

Before running a bulk cleanup: make sure the classes are genuinely unused. A class that appears attached to nothing in the Designer might be applied via custom code or referenced in Webflow interactions. If you've built complex animations or custom JavaScript that references specific class names, deleting those classes will break that functionality. Review carefully before bulk-deleting.

The right time to do a class cleanup is before major launches and quarterly during ongoing maintenance. For agencies handing off a project to a client, cleaning up unused classes is part of delivering a maintainable project. A Designer with hundreds of orphaned classes is confusing for whoever maintains the site next.

This task is one of those hygiene items that doesn't directly affect rankings but contributes to a cleaner, faster, more maintainable site — which indirectly affects everything. Do it before go-live, add it to your quarterly checklist, and keep the stylesheet clean as you build.

How to do it on Webflow?

  1. Click the “broom” icon in the top right of the Style Selectors panel
  2. Click Remove to confirm class deletion

Do's

Don'ts

Tools
Don't have the Checklist yet?