Stylelint

A mighty CSS linter that helps you avoid errors and enforce conventions.
Alternatives To Stylelint
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Stylelint10,62425,70820,43012 hours ago221November 27, 2023119mitJavaScript
A mighty CSS linter that helps you avoid errors and enforce conventions.
Postjss40
6 years ago1mitJavaScript
Use the power of PostCSS in compiling with JSS
Stylelint Processor Glamorous18544 years ago5March 26, 20189mitJavaScript
:lipstick: Lint glamorous and related css-in-js with stylelint
Elodin Old16
5 years ago8mitJavaScript
Quality and Optimisation tools for CSS in JavaScript
Styled Jsx Plugin Stylelint155034 years ago1October 18, 20173JavaScript
Plugin to use stylelint with styled-jsx. Warning this is a Proof Of Concept plugin.
React Fullstack Template15
4 years ago6JavaScript
React template with a NodeJS backend
Ainsley952 years ago36October 15, 2020mitTypeScript
👨🏾‍🍳 Ainsley is to CSS what Markdown is to HTML
Emotion Mirror2
10 months agomitTypeScript
Provides run-time CSS linting of styles you create using CSS-in-JS via emotion with stylelint
Cerebral React App Rewire Template1
6 years agoJavaScript
Application template with React, Cerebral and Emotion.
Alternatives To Stylelint
Select To Compare


Alternative Project Comparisons
Readme

Stylelint

npm version Build Status npm downloads

A mighty CSS linter that helps you avoid errors and enforce conventions.

Features

It's mighty as it:

  • has over 100 built-in rules for modern CSS syntax and features
  • supports plugins so you can create your own custom rules
  • automatically fixes problems where possible
  • supports shareable configs that you can create or extend
  • can be customized to your exact needs
  • has 15k unit tests making it robust
  • is trusted by companies worldwide like Google and GitHub

And it can be extended to:

  • extract embedded styles from HTML, Markdown and CSS-in-JS template literals
  • parse CSS-like languages like SCSS, Sass, Less and SugarSS

How it'll help you

It'll help you avoid errors, for example:

  • invalid things, e.g. malformed grid areas
  • valid things that are problematic, e.g. duplicate selectors
  • unknown things, e.g. misspelled property names

And enforce conventions, for example:

  • disallow things, e.g. specific units
  • enforce naming patterns, e.g. for custom properties
  • set limits, e.g. the number of ID selectors
  • specify notations, e.g. for modern color functions

We recommend using a pretty printer like Prettier alongside Stylelint. Linters and pretty printers are complementary tools that work together to help you write consistent and error-free code.

Example output

Example

Guides

Contributors

Stylelint is maintained by volunteers. Without the code contributions from all these fantastic people, Stylelint would not exist. Become a contributor.

Sponsors

Thank you to all our sponsors! Become a sponsor.

Backers

Thank you to all our backers! Become a backer.

Website hosting

Deploys by Netlify

License

The MIT License.

Popular Linter Projects
Popular Css In Js Projects
Popular Code Quality Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Html
Css
Markdown
Scss
Lint
Less
Postcss
Stylelint
Css In Js