CSS to SCSS Converter
Convert CSS to nested SCSS with variables.
This free CSS to SCSS converter rewrites plain CSS into SCSS syntax. It can nest rules that share a parent selector (turning .card and.card .title into nested blocks) and pull repeated color values out into $variables at the top. Choose your indent (2 spaces, 4 spaces or a tab), open a .css file or drag one onto the editor, then copy or download valid SCSS you can drop straight into a Sass build.
Both panes are syntax-highlighted as you type, malformed CSS (such as unbalanced braces) is flagged inline, and a live count shows how many rules were parsed and how many variables were extracted. Everything runs entirely in your browser — no code is uploaded to a server.
Related tools
JSON Formatter
Format, beautify & validate JSON data.
Base64 Encoder / Decoder
Encode and decode Base64 text instantly.
URL Encoder / Decoder
Percent-encode and decode URLs safely.
Regex Tester
Test regular expressions with live match highlighting.
JWT Decoder
Decode JWT header and payload claims.
Timestamp Converter
Convert Unix timestamps to dates and back.