💅 SASS / SCSS Playground

Write SASS / SCSS code below and click Run. Everything runs in your browser — nothing is sent to our servers. No signup, no install, no nonsense.

🐍 Python ⚡ JavaScript 🔷 TypeScript 🐘 PHP ^↗ ☕ Java ^↗ 🎮 C# ^↗ ⚙️ C++ ^↗ ©️ C ^↗ 🦫 Go ^↗ 🦀 Rust ^↗ 🍎 Swift ^↗ 🤖 Kotlin ^↗ 🎯 Dart / Flutter ^↗ ⚛️ React ^↗ 🟢 Node.js ^↗ 🗄️ SQL 📄 HTML 🎨 CSS 💎 Ruby ^↗ 📊 R ^↗ 💅 SASS / SCSS ^↗ 🌙 Lua ^↗ 💻 Bash / Shell ^↗ 🍏 Objective-C ^↗ 🌀 Scala ^↗ 🐪 Perl ^↗ 💧 Elixir ^↗ 🔋 Erlang ^↗ 🧙 Haskell ^↗ ⛓️ Solidity ^↗

💅

SASS / SCSS can't run inline (yet)

Some languages need a real compiler or runtime that doesn't fit in a browser. But you can run SASS / SCSS instantly on these free platforms:

Open in Replit ↗ Open in OneCompiler ↗

Sample SASS / SCSS code:

SASS / SCSS example

// SCSS with nesting and variables
$primary: #6c63ff;

.card {
    background: white;
    
    &__title {
        color: $primary;
        font-weight: 700;
    }
}

Try these SASS / SCSS examples

Click any example to load it into the editor:

A note on this playground

Code runs in your browser using open-source engines (Pyodide for Python, native JS for JavaScript, AlaSQL for SQL). Nothing is sent to OneCity's servers. No accounts, no tracking. If you save your work, copy-paste it somewhere else — refreshing the page resets the editor.