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?
98 companies reportedly use Stylus in their tech stacks, including Discord, Accenture, and Coursera.
271 developers on StackShare have stated that they use Stylus.
Pros of Stylus
Built for node.js
Better than CS
Contempt for curly brackets
No colons, semi-colons or even curly braces
Supports orthogonal architecture
Decisions about Stylus
Here are some stack decisions, common use cases and reviews by companies and developers who chose Stylus in their tech stack.
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?
Aug 5 2016 at 4:07AM
Jun 19 2015 at 6:37AM
Stylus Alternatives & Comparisons
What are some alternatives to Stylus?
See all alternatives
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.
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 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.
The css-loader interprets @import and url() like import/require() and will resolve them.
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.