Sebastian Echeverry

This plugin allows you to use SCSS files directly in wp_enqueue_style. Just add the file to the list of styles and the plugin will compile it when necessary.
The base of this plugin is strongly influenced by the <a href="https://wordpress.org/plugins/wp-scss/" rel="ugc">WP-SCSS</a> code and extracts some ideas from <a href="https://wordpress.org/plugins/sassify/" rel="ugc">Sassify</a>. The goal is to keep the plugin updated with the latest version of <a href="https://packagist.org/packages/scssphp/scssphp" rel="nofollow ugc">scssphp</a>, remove configuration options from the graphical interface, and use the scssphp capabilities to create debug files.
This plugin is not intended to be installed by a conventional user, but to be required by templates or plugins that wish to include SCSS style files and therefore the configuration is expected to be done in the code.

SCSS-Library

Add support for using SCSS style files with wp_enqueue_style.

Simon Mista

Compile SCSS (Sass) to CSS straight from the WordPress admin. Theme SCSS Compiler manages as many SCSS → CSS file pairs as your theme needs, under Tools → Theme SCSS Compiler. It uses the bundled scssphp library, so there is no Node.js, no build step and no command line. SCSS is the modern Sass syntax: plain CSS plus nesting, variables and <code>@import</code>.
<h4>Features</h4>
<ul>
<li>Multiple file pairs – as many SCSS → CSS pairs as your theme needs, paths relative to the active theme.</li>
<li>Frontend or Admin per pair – each pair enqueues on <code>wp_enqueue_scripts</code> or <code>admin_enqueue_scripts</code>.</li>
<li>Per-file versioning – every pair has its own version, applied through the <code>style_loader_src</code> filter. Your theme files stay untouched.</li>
<li>Smart change detection – a version only bumps when that pair’s compiled CSS really changed.</li>
<li><code>@import</code>-aware recompile – every partial (<code>@import</code>, <code>@use</code>, <code>@forward</code>) is tracked. Edit a partial and the next admin page load recompiles.</li>
<li>Compressed or expanded output – minified for production, readable for development.</li>
<li>Auto-compile – missing or stale CSS is rebuilt on the next admin page load, so a deploy never leaves you with unstyled pages.</li>
<li>Auto-enqueue – the plugin calls <code>wp_enqueue_style()</code> for each pair and skips files already registered, so output is never duplicated.</li>
<li>Manual compile button – one click, live feedback, persistent error display.</li>
<li>Concurrent-compile lock – two admins compiling at once can’t corrupt the CSS.</li>
<li>Code-first config – set every option as a PHP constant in <code>wp-config.php</code>, your theme, or <code>.env</code> / Bedrock.</li>
<li>Admin-only – every endpoint needs <code>manage_options</code>. Change that with the <code>tscsscompiler_capability</code> filter.</li>
<li>Modern and accessible – PHP 8.1+, WCAG 2.1 AA admin UI, German translation included.</li>
</ul>
<h4>Privacy / GDPR</h4>
This plugin makes no external HTTP requests, sets no cookies, runs no telemetry and does not track users. All processing happens locally on your server. The bundled libraries (scssphp, league/uri, symfony/filesystem, PSR HTTP interfaces) are MIT licensed and GPL-compatible; their source is included in the plugin’s <code>vendor/</code> directory.

Theme SCSS Compiler

Compile SCSS / Sass to CSS in the WP admin. Multiple file pairs, per-file versioning, @import-aware change detection, optional auto-compile.

SCSS-Library vs Theme SCSS Compiler