Compare two SCSS files

Compare SCSS stylesheets with syntax highlighting and Prettier auto-formatting. Ideal for reviewing Sass changes, comparing mixin updates, or spotting variable differences. Supports nesting, variables, mixins, extends, and all SCSS features.

Features

• SCSS syntax highlighting
• Auto-format with Prettier
• Variable and mixin support
• Nesting-aware coloring
• Side-by-side and inline views
• Share SCSS diff via URL

Frequently asked questions

Does it format SCSS?

Yes — Prettier formats SCSS including nested rules, variables, and mixins.

Can I compare Sass (.sass) files?

This tool handles SCSS syntax. For indented Sass, paste the code and compare as plain text.

Does it highlight variables and mixins?

Yes. SCSS variables ($var), mixins (@mixin), and nesting are all syntax-highlighted.

More diff tools