Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/stylelint/awesome-stylelint

A list of awesome Stylelint plugins, configs, etc.
https://github.com/stylelint/awesome-stylelint

List: awesome-stylelint

awesome awesome-list stylelint

Last synced: about 1 month ago
JSON representation

A list of awesome Stylelint plugins, configs, etc.

Awesome Lists containing this project

README 

        



# Awesome Stylelint [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)



Stylelint



> A list of awesome Stylelint configs, plugins, integrations etc.



## Contents



- [Analysis platforms](#analysis-platforms)

- [Configs](#configs)

- [Custom syntaxes](#custom-syntaxes)

- [Editor integrations](#editor-integrations)

- [Formatters](#formatters)

- [Plugins](#plugins)

- [Task runners](#task-runners)

- [Testing](#testing)

- [Tools](#tools)

- [Tutorials](#tutorials)



## Analysis platforms



- [codacy-stylelint](https://github.com/codacy/codacy-stylelint) - Codacy integration.

- [codeclimate-stylelint](https://github.com/gilbarbara/codeclimate-stylelint) - Code Climate integration.

- [megalinter](https://megalinter.io) - Integrated into MegaLinter.

- [putout](https://github.com/coderaiser/putout) - Integrated into Putout.

- [reviewdog/action-stylelint](https://github.com/reviewdog/action-stylelint) - Reviewdog GitHub Action.



## Configs



- [@archoleat/stylelint-config-extended-scss](https://www.npmjs.com/package/@archoleat/stylelint-config-extended-scss) - Archoleat config for SCSS with property sorting.

- [@primer/stylelint-config](https://www.npmjs.com/package/@primer/stylelint-config) - The GitHub shareable config.

- [@stylistic/stylelint-config](https://www.npmjs.com/package/@stylistic/stylelint-config) - The stylistic shareable config for `@stylistic/stylelint-plugin`.

- [@wordpress/stylelint-config](https://www.npmjs.com/package/@wordpress/stylelint-config) - WordPress CSS Coding Standards shareable config.

- [stylelint-config-clean-order](https://www.npmjs.com/package/stylelint-config-clean-order) - Order styles with stylelint-order.

- [stylelint-config-hudochenkov](https://www.npmjs.com/package/stylelint-config-hudochenkov) - Personal configs use stylelint-order.

- [stylelint-config-idiomatic-order](https://www.npmjs.com/package/stylelint-config-idiomatic-order) - Order styles based on idiomatic-css.

- [stylelint-config-prettier-scss](https://www.npmjs.com/package/stylelint-config-prettier-scss) - Turns off conflicting rules when using Prettier for SCSS.

- [stylelint-config-prettier](https://www.npmjs.com/package/stylelint-config-prettier) - Turns off conflicting rules when using Prettier for CSS.

- [stylelint-config-property-sort-order-smacss](https://www.npmjs.com/package/stylelint-config-property-sort-order-smacss) - Property Sort Ordering based on the SMACSS methodology.

- [stylelint-config-rational-order](https://www.npmjs.com/package/stylelint-config-rational-order) - Sorts related property declarations by grouping together in the rational order.

- [stylelint-config-recess-order](https://www.npmjs.com/package/stylelint-config-recess-order) - Sorts CSS properties the way Recess did and Bootstrap does.

- [stylelint-config-recommended-vue](https://www.npmjs.com/package/stylelint-config-recommended-vue) - The recommended shareable Vue config for Stylelint.

- [stylelint-config-sass-guidelines](https://www.npmjs.com/package/stylelint-config-sass-guidelines) - Sass guidelines config.

- [stylelint-config-standard-scss](https://www.npmjs.com/package/stylelint-config-standard-scss) - Standard config for SCSS.

- [stylelint-config-standard](https://www.npmjs.com/package/stylelint-config-standard) - Standard config for CSS.

- [stylelint-config-two-dash-bem](https://www.npmjs.com/package/stylelint-config-two-dash-bem) - BEM Convention zero dependency rule enforcing Two Dashes style for Stylelint.

- [stylelint-config-wikimedia](https://www.npmjs.com/package/stylelint-config-wikimedia) - Wikimedia CSS Coding Standards shareable config.



## Custom syntaxes



- [postcss-angular](https://www.npmjs.com/package/postcss-angular) - Angular Components.

- [postcss-html](https://www.npmjs.com/package/postcss-html) - HTML, including Vue SFC.

- [postcss-less](https://www.npmjs.com/package/postcss-less) - Less.

- [postcss-linaria](https://www.npmjs.com/package/@linaria/postcss-linaria) - Linaria.

- [postcss-lit](https://www.npmjs.com/package/postcss-lit) - Lit elements.

- [postcss-markdown](https://www.npmjs.com/package/postcss-markdown) - Markdown.

- [postcss-sass](https://www.npmjs.com/package/postcss-sass) - Sass.

- [postcss-scss](https://www.npmjs.com/package/postcss-scss) - SCSS.

- [postcss-styled-components](https://www.npmjs.com/package/postcss-styled-components) - Styled-components.

- [postcss-styled-syntax](https://www.npmjs.com/package/postcss-styled-syntax) - Template literals.



## Editor integrations



- [ale](https://github.com/dense-analysis/ale) - Vim plugin.

- [coc-stylelint](https://github.com/neoclide/coc-stylelint) - Neovim. language server extension.

- [flycheck](https://github.com/flycheck/flycheck) - Emacs extension.

- [linter-stylelint](https://github.com/AtomLinter/linter-stylelint) - Atom plugin.

- [null-ls](https://github.com/jose-elias-alvarez/null-ls.nvim/blob/main/doc/BUILTINS.md#stylelint-1) - Neovim plugin.

- [sublimeLinter-contrib-stylelint_d](https://github.com/jo-sm/SublimeLinter-contrib-stylelint_d) - Sublime Text plugin as daemon.

- [sublimeLinter-stylelint](https://github.com/SublimeLinter/SublimeLinter-stylelint) - Sublime Text plugin.

- [vscode-stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint) - VS Code extension.



## Formatters



- [stylelint-actions-formatters](https://www.npmjs.com/package/stylelint-actions-formatters) - Output errors and warnings for GitHub Actions.

- [stylelint-checkstyle-formatter](https://www.npmjs.com/package/stylelint-checkstyle-formatter) - Output Checkstyle XML reports.

- [stylelint-codeframe-formatter](https://www.npmjs.com/package/stylelint-codeframe-formatter) - Output codeframe errors and warnings.

- [stylelint-formatter-github](https://www.npmjs.com/package/stylelint-formatter-github) - Output errors and warnings directly in GitHub pull requests.

- [stylelint-formatter-gitlab-code-quality-report](https://www.npmjs.com/package/stylelint-formatter-gitlab-code-quality-report) - Output errors and warnings as a GitLab Code Quality report (artifact).

- [stylelint-formatter-pretty](https://www.npmjs.com/package/stylelint-formatter-pretty) - A pretty formatter for terminals.



## Plugins



- [@isnotdefined/stylelint-plugin](https://www.npmjs.com/package/@isnotdefined/stylelint-plugin) - Disallow obsolete CSS and enforce unit steps (Pack).

- [@stylistic/stylelint-plugin](https://www.npmjs.com/package/@stylistic/stylelint-plugin) - Enforce stylistic conventions by using the rules removed in Stylelint 16.0.0 (Pack).

- [stylelint-8-point-grid](https://www.npmjs.com/package/stylelint-8-point-grid) - Enforce an 8-point grid.

- [stylelint-a11y](https://www.npmjs.com/package/stylelint-a11y) - Enforce accessibility standards (Pack).

- [stylelint-at-rule-no-children](https://www.npmjs.com/package/stylelint-at-rule-no-children) - Disallow block rule declarations inside at-rules.

- [stylelint-color-format](https://www.npmjs.com/package/stylelint-color-format) - Enforce HEX, RGB or HSL colors.

- [stylelint-css-modules-no-global-scoped-selector](https://www.npmjs.com/package/stylelint-css-modules-no-global-scoped-selector) - Disallow global-scoped selectors in CSS Modules.

- [stylelint-css-modules](https://www.npmjs.com/package/stylelint-css-modules) - Enforce CSS modules architecture (Pack).

- [stylelint-csstree-validator](https://www.npmjs.com/package/stylelint-csstree-validator) - Validate CSS values to match W3C specs and browsers extensions.

- [stylelint-declaration-block-no-ignored-properties](https://www.npmjs.com/package/stylelint-declaration-block-no-ignored-properties) - Disallow property values that are ignored.

- [stylelint-declaration-strict-value](https://www.npmjs.com/package/stylelint-declaration-strict-value) - Enforce variables, functions or keywords for the value of specific properties.

- [stylelint-file-max-lines](https://www.npmjs.com/package/stylelint-file-max-lines) - Limit a maximum number of lines per file.

- [stylelint-force-app-name-prefix](https://www.npmjs.com/package/stylelint-force-app-name-prefix) - Enforce app name prefix for rules.

- [stylelint-gamut](https://www.npmjs.com/package/stylelint-gamut) - Enforce standard different color spaces (Pack).

- [stylelint-group-selectors](https://www.npmjs.com/package/stylelint-group-selectors) - Group selectors that have the same set of properties and values.

- [stylelint-high-performance-animation](https://github.com/kristerkari/stylelint-high-performance-animation) - Disallow low-performance animation and transition properties.

- [stylelint-images](https://www.npmjs.com/package/stylelint-images) - Enforce good performance and avoid mistakes with images (Pack).

- [stylelint-itcss](https://www.npmjs.com/package/stylelint-itcss) - Enforce ITCSS architecture (Pack).

- [stylelint-max-lines](https://www.npmjs.com/package/stylelint-max-lines) - Limit the number of lines in a source.

- [stylelint-media-use-custom-media](https://www.npmjs.com/package/stylelint-media-use-custom-media) - Enforce usage of custom media queries.

- [stylelint-no-browser-hacks](https://www.npmjs.com/package/stylelint-no-browser-hacks) - Disallow browser hacks that are irrelevant to the browsers you are targeting.

- [stylelint-no-indistinguishable-colors](https://www.npmjs.com/package/stylelint-no-indistinguishable-colors) - Disallow colors that are suspiciously close to being identical.

- [stylelint-no-nested-media](https://www.npmjs.com/package/stylelint-no-nested-media) - Disallow nested `@media` rules.

- [stylelint-no-restricted-syntax](https://www.npmjs.com/package/stylelint-no-restricted-syntax) - Disallow specified syntax.

- [stylelint-no-unresolved-module](https://www.npmjs.com/package/stylelint-no-unresolved-module) - Disallow unresolved imports (import-like or `url`).

- [stylelint-no-unsupported-browser-features](https://www.npmjs.com/package/stylelint-no-unsupported-browser-features) - Disallow CSS that is unsupported by the browsers you're targeting.

- [stylelint-no-unused-selectors](https://www.npmjs.com/package/stylelint-no-unused-selectors) - Disallow unused selectors.

- [stylelint-order](https://www.npmjs.com/package/stylelint-order) - Enforce a specific order for things like properties (Pack).

- [stylelint-plugin-defensive-css](https://www.npmjs.com/package/stylelint-plugin-defensive-css) - Enforce defensive CSS best practices (Pack).

- [stylelint-plugin-ecss](https://www.npmjs.com/package/stylelint-plugin-ecss) - Enforce Enduring CSS architecture.

- [stylelint-plugin-logical-css](https://www.npmjs.com/package/stylelint-plugin-logical-css) - Enforce logical CSS properties, values and units (Pack).

- [stylelint-react-native](https://www.npmjs.com/package/stylelint-react-native) - Enforce React Native rules (Pack).

- [stylelint-rem-over-px](https://www.npmjs.com/package/stylelint-rem-over-px) - Enforce `rem` units over `px` units.

- [stylelint-rscss](https://www.npmjs.com/package/stylelint-rscss) - Enforce RSCSS conventions (Pack).

- [stylelint-sass-render-errors](https://www.npmjs.com/package/stylelint-sass-render-errors) - Display Sass render errors and deprecations.

- [stylelint-scales](https://www.npmjs.com/package/stylelint-scales) - Enforce scales for numeric values (Pack).

- [stylelint-scss](https://www.npmjs.com/package/stylelint-scss) - Enforce SCSS-specific conventions (Pack).

- [stylelint-selector-bem-pattern](https://www.npmjs.com/package/stylelint-selector-bem-pattern) - Enforce BEM patterns for selectors.

- [stylelint-selector-no-empty](https://www.npmjs.com/package/stylelint-selector-no-empty) - Disallow empty selectors.

- [stylelint-selector-tag-no-without-class](https://www.npmjs.com/package/stylelint-selector-tag-no-without-class) - Disallow certain tags without a class qualifier in selectors.

- [stylelint-stylus](https://www.npmjs.com/package/stylelint-stylus) - Enforce Stylus-specific conventions.

- [stylelint-suitcss](https://www.npmjs.com/package/stylelint-suitcss) - Enforce SUITCSS conventions (Pack).

- [stylelint-transform-function-no-whitespace](https://www.npmjs.com/package/stylelint-transform-function-no-whitespace) - Disallow whitespace between transform functions and their parentheses.

- [stylelint-use-logical-spec](https://www.npmjs.com/package/stylelint-use-logical-spec) - Enforce usage of logical properties and values.

- [stylelint-use-nesting](https://www.npmjs.com/package/stylelint-use-nesting) - Enforce nesting when it is possible.

- [stylelint-value-no-exposed-custom-properties](https://www.npmjs.com/package/stylelint-value-no-exposed-custom-properties) - Disallow usage of exposed custom properties.

- [stylelint-value-no-unknown-custom-properties](https://www.npmjs.com/package/stylelint-value-no-unknown-custom-properties) - Disallow unknown custom properties.

- [stylelint-z-index-value-constraint](https://www.npmjs.com/package/stylelint-z-index-value-constraint) - Specify minimum and maximum constraint value for z-index.



## Task runners



- [broccoli-stylelint](https://www.npmjs.com/package/broccoli-stylelint) - Broccoli plugin.

- [ember-cli-stylelint](https://www.npmjs.com/package/ember-cli-stylelint) - Ember CLI plugin.

- [grunt-stylelint](https://www.npmjs.com/package/grunt-stylelint) - Grunt plugin.

- [gulp-stylelint](https://www.npmjs.com/package/gulp-stylelint) - Gulp plugin.

- [jest-runner-stylelint](https://www.npmjs.com/package/jest-runner-stylelint) - Jest plugin.

- [nx-stylelint](https://www.npmjs.com/package/nx-stylelint) - Nx plugin.

- [stylelint-webpack-plugin](https://www.npmjs.com/package/stylelint-webpack-plugin) - Webpack plugin.



## Testing



- [jest-preset-stylelint](https://www.npmjs.com/package/jest-preset-stylelint) - Jest preset for Stylelint plugins.

- [stylelint-tape](https://www.npmjs.com/package/stylelint-tape) - Test custom rules using Tape.

- [stylelint-test-rule-node](https://www.npmjs.com/package/stylelint-test-rule-node) - A rule tester using Node.js built-in test runner (`node:test`).



## Tools



- [pre-commit-stylelint](https://github.com/thibaudcolas/pre-commit-stylelint) - Mirrors all releases for the pre-commit hooks framework.

- [stylelint-define-config](https://www.npmjs.com/package/stylelint-define-config) - Provide a `defineConfig` function for `stylelint.config.js` files.

- [stylelint-find-new-rules](https://www.npmjs.com/package/stylelint-find-new-rules) - Find Stylelint rules that are not configured in your Stylelint config.



## Tutorials



- [Lint your CSS with Stylelint](https://css-tricks.com/stylelint/) - CSS Tricks article.

- [Stylelint: The Style Sheet Linter We've Always Wanted](https://www.smashingmagazine.com/2016/05/stylelint-the-style-sheet-linter-weve-always-wanted/) - Smashing Magazine article.

- [Floss your style sheets with Stylelint](https://benfrain.com/floss-your-style-sheets-with-stylelint/) - The first article written about Stylelint.

- [Writing Your First Custom Stylelint Rule](https://medium.com/swlh/writing-your-first-custom-stylelint-rule-a9620bb2fb73) - Quickly create and integrate your own Stylelint rules.