[![Build Status](https://github.com/stylus/stylus/actions/workflows/ci.yml/badge.svg?branch=dev)](https://github.com/stylus/stylus/actions?query=branch%3Adev) [![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-brightgreen.svg)](https://github.com/stylus/stylus/pulse) [![npm version](https://img.shields.io/npm/v/stylus?color=brightgreen)](https://www.npmjs.com/package/stylus) [![npm](https://img.shields.io/npm/dm/stylus.svg)](https://www.npmjs.com/package/stylus) [![Join the community on github discussion](https://img.shields.io/badge/Join%20the%20community-on%20discussions-%23754ffb?logo=googlechat&logoColor=white)](https://github.com/stylus/stylus/discussions) 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. ## Sponsors You can sponsor stylus ongoing development via [opencollective](https://opencollective.com/stylus/) or [paypal](https://www.paypal.com/paypalme/iChenLei/) !


Your Logo

### Backers [![Backers](https://opencollective.com/stylus/individuals.svg)](https://opencollective.com/stylus/) ## Installation ```bash $ npm install stylus -g ``` ## Basic Usage Watch and compile a stylus file from command line with ```bash stylus -w style.styl -o style.css ``` You can also [try all stylus features on stylus-lang.com](http://stylus-lang.com/try.html), build something with stylus on [codepen](http://codepen.io) or [RunKit](https://npm.runkit.com/stylus) ### Community modules - https://github.com/stylus/stylus/wiki ### Stylus cheatsheet - [Stylus cheatsheet](https://devhints.io/stylus), very useful stylus syntax code snippet for you ### Code of Conduct Please note that this project is released with a [Contributor Code of Conduct](Code_of_Conduct.md). By participating in this project you agree to abide by its terms. ### Contribution Please read our [Contribution Guide](Contributing.md) before making any pull requests to the project. Included are directions for opening issues, workflows, and coding standards. Thank you to all the people who already contributed to Stylus!

## License [MIT](https://github.com/stylus/stylus/blob/dev/LICENSE) Copyright (c) 2010-present [TJ](https://github.com/tj) and [Stylus maintainers](https://github.com/orgs/stylus/people)

	Stars	Issues	Version	Updated	Created
@emotion/styled			11.11.5	a month ago	6 years ago
styled-jsx	7,611	83	5.1.2	a year ago	7 years ago
stylus	11,168	266	0.63.0	2 months ago	13 years ago
tailwindcss	78,490	40	3.4.3	a month ago	7 years ago

@emotion/styled vs styled-jsx vs stylus vs tailwindcss

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past