Sass
Sass

17.8K
13K
+ 1
3K
Stylus
Stylus

351
317
+ 1
331
Add tool

Sass vs Stylus: What are the differences?

What is Sass? Syntactically Awesome Style Sheets. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

What is Stylus? Expressive, robust, feature-rich CSS language built for nodejs. Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.

Sass and Stylus can be categorized as "CSS Pre-processors / Extensions" tools.

"Variables" is the primary reason why developers consider Sass over the competitors, whereas "Simple" was stated as the key factor in picking Stylus.

Sass is an open source tool with 12K GitHub stars and 1.93K GitHub forks. Here's a link to Sass's open source repository on GitHub.

According to the StackShare community, Sass has a broader approval, being mentioned in 2082 company stacks & 1445 developers stacks; compared to Stylus, which is listed in 69 company stacks and 45 developer stacks.

Pros of Sass
Pros of Stylus

Sign up to add or upvote prosMake informed product decisions

Sign up to add or upvote consMake informed product decisions

What is Sass?

Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

What is Stylus?

Stylus is a revolutionary new language, providing an efficient, dynamic, and expressive way to generate CSS. Supporting both an indented syntax and regular CSS style.
What companies use Sass?
What companies use Stylus?

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Sass?
What tools integrate with Stylus?

Sign up to get full access to all the tool integrationsMake informed product decisions

What are some alternatives to Sass and Stylus?
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
PostCSS
PostCSS is a tool for transforming CSS with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more.
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Less
Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable.
node-sass
It is a library that provides binding for Node.js to LibSass, the C version of the popular stylesheet preprocessor, Sass. It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware.
See all alternatives
Interest over time