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.
Stylus is a tool in the CSS Pre-processors / Extensions category of a tech stack.
Stylus is an open source tool with 11.1K GitHub stars and 1.1K GitHub forks. Here’s a link to Stylus's open source repository on GitHub
Who uses Stylus?
Companies
98 companies reportedly use Stylus in their tech stacks, including Discord, Accenture, and Coursera.
Developers
271 developers on StackShare have stated that they use Stylus.
Pros of Stylus
69
54
38
33
32
24
21
17
13
6
5
3
2
2
2
2
2
1
1
1
1
1
1
Decisions about Stylus
Here are some stack decisions, common use cases and reviews by companies and developers who chose Stylus in their tech stack.
awesomebanana2018
CEO at ME! · | 5 upvotes · 295K views
Originally, I was going to start using Sass with Parcel, but then I learned about Stylus, which looked interesting because it can get the property values of something directly instead of through variables, and PostCSS, which looked interesting because you can customize your Pre/Post-processing. Which tool would you recommend?
Blog Posts
+33 20
2005
+25 12
2171
Stylus Alternatives & Comparisons
What are some alternatives to Stylus?
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.
Animate.css
It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
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.
css-loader
The css-loader interprets @import and url() like import/require() and will resolve them.
Autoprefixer
It is a CSS post processor. It combs through compiled CSS files to add or remove vendor prefixes like -webkit and -moz after checking the code.
