VS Code Extensions
R

ReCSS

by Naloam

VSCode extension for inline ReCSS diagnostics.

Downloads

2

Rating

— (0)

Version

0.1.0

Last updated

Apr 03, 2026

VSCode extension package for ReCSS.

Current Scope

  • Run ReCSS analysis for each workspace folder
  • Surface unused CSS/SCSS class definitions as inline diagnostics
  • Refresh on demand and on save for relevant files
  • Refresh only the affected workspace folder after relevant saves
  • Write refresh summaries and failures to the ReCSS output channel
  • Expose quick-fix actions on ReCSS diagnostics for refresh, clear, and simple unused-selector removal flows
  • Expose a file-level source fix-all action for bulk removal of simple unused selectors
  • Respect recss.config.* and package.json#recss

The VSCode extension focuses on diagnostics first, with conservative source-edit actions for deleting simple unused selectors and running file-level fix-all cleanup for the same simple cases. For CSS Modules migration (rewriting React className and Vue :class patterns to module references), use the CLI command recss migrate --apply. See the root README for the full list of supported patterns.

Commands

  • ReCSS: Refresh Analysis
  • ReCSS: Clear Diagnostics

Quick Fixes

  • ReCSS: Remove Unused Class Rule for simple selectors like .card { ... }
  • ReCSS: Remove Unused Class Selector for simple selector-list entries like .card, .card-title { ... }
  • ReCSS: Remove All Simple Unused Selectors for bulk quick-fix cleanup when multiple simple removals are available
  • ReCSS: Refresh Analysis
  • ReCSS: Clear Diagnostics

Source Actions

  • ReCSS: Fix All Simple Unused Selectors in File via source.fixAll.recss

Settings

  • recss.enabled
  • recss.framework
  • recss.runOnSave