Can I link an SCSS file from my page?

No — browsers only understand CSS. Compile the SCSS with Dart Sass and host the resulting .css file, which a page can link normally.

Will it display in the browser?

Yes, as text with formatting intact — which makes it useful for sharing variables and mixins for someone to copy.

SCSS uses braces and semicolons like CSS and is what most projects use. The indented .sass syntax is older and rarer. Both host fine here.

Host an SCSS file and share it as a link

Put a Sass stylesheet at a public address that displays as readable text — for sharing themes, variables and partials.

You can host:

Drop your SCSS file here

Any other file works too — up to 25.0 MB, or 100.0 MB for a whole site

Free to use. Your SCSS file is live at your-name.99helpers.site in about ten seconds.

What is a .scss file?

SCSS is the main syntax of Sass, a CSS preprocessor that adds variables, nesting, mixins and functions. It compiles to plain CSS before a browser sees it — so an .scss file is source, not something a page can load directly.

What people use SCSS files for

Design tokens and theme variables shared across projects
Sass partials and mixin libraries
Examples in a design system's documentation
Snippets shared for review

What opens a SCSS file

Any browser, which displays it as text
Dart Sass, the standard compiler
VS Code and every editor
Build tools like Vite and webpack

How to host a SCSS file

1
Drop your SCSS file in
Drag it onto the box at the top of this page, or click to choose it. Files up to 25 MB are supported, and nothing is uploaded until you publish.
2
Pick an address
Type a name and we'll tell you straight away whether it's free. That becomes the link: design-tokens.99helpers.site
3
Publish and share
Create a free account — that step exists so the file is yours to update, replace or delete — and the link is live within seconds.

The same three steps work for any file — see how file hosting works on 99helpers.com.

What happens when someone opens the link

The source displays as text. A browser can't use SCSS directly — it has to be compiled to CSS first, so this is for sharing rather than linking from a page.

Why host a SCSS file instead of emailing it?

Design tokens and mixins get copied between projects constantly, and a link is a better source of truth than a paste in a chat thread. Compile and host the CSS as well if a page needs to load it.

Worth knowing before you publish

Host the compiled .css too if anything needs to actually use these styles — SCSS can't be linked from a page.
Sass partials starting with an underscore are meant to be imported rather than compiled alone.
Both .scss and .sass are served as text; SCSS is the syntax most projects use.

SCSS hosting questions

Can I link an SCSS file from my page?: No — browsers only understand CSS. Compile the SCSS with Dart Sass and host the resulting .css file, which a page can link normally.
Will it display in the browser?: Yes, as text with formatting intact — which makes it useful for sharing variables and mixins for someone to copy.
SCSS or Sass syntax?: SCSS uses braces and semicolons like CSS and is what most projects use. The indented .sass syntax is older and rarer. Both host fine here.

Put your SCSS file online now

It takes about ten seconds, and you only make an account once the file is ready to go live.

Back to the top

Hosting guides for related formats

Host a CSS stylesheet Host an HTML file Host a JavaScript file Host a JSON file Host a WOFF2 web font Host a Less stylesheet

SCSS is one of over 211 formats you can host — see free file hosting for any file type for the full list, or read the hosting guides for other file types.