awesome-stylelint
github.com/stylelint/awesome-stylelint ↗A list of awesome Stylelint plugins, configs, etc.
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me custom syntaxes resources from awesome-stylelint"
Installation instructions →What's inside
Editor integrations
- ale
Vim plugin.
- coc-stylelint
Neovim. language server extension.
- flycheck
Emacs extension.
- sublimeLinter-stylelint
Sublime Text plugin.
- vscode-stylelint
VS Code extension.
- zed-stylelint
Zed extension.
Analysis platforms
- codacy-stylelint
Codacy integration.
- megalinter
Integrated into MegaLinter.
- putout
Integrated into Putout.
- Qlty plugin
Qlty integration.
- reviewdog/action-stylelint
Reviewdog GitHub Action.
Formatters
- @csstools/stylelint-formatter-github
Output errors and warnings directly in GitHub pull requests.
- stylelint-actions-formatters
Output errors and warnings for GitHub Actions.
- stylelint-checkstyle-formatter
Output Checkstyle XML reports.
- stylelint-codeframe-formatter
Output codeframe errors and warnings.
- stylelint-formatter-gitlab-code-quality-report
Output errors and warnings as a GitLab Code Quality report (artifact).
- stylelint-formatter-pretty
A pretty formatter for terminals.
Configs
- @dreamsicle.io/stylelint-config-tailwindcssCustom syntaxes
Tailwind CSS directives and functions.
- @primer/stylelint-configLarge examples
The GitHub shareable config.
- @shopify/stylelint-pluginLarge examples
The Shopify shareable config.
- stylelint-config-alphabetical-orderOrder
Sorts properties alphabetically.
- stylelint-config-clean-orderOrder
Sorts properties into logical groups.
- stylelint-config-htmlCustom syntaxes
Config for HTML and HTML-like files, including XML, Vue, Svelte, Astro, and PHP.
Tutorials
- Floss your style sheets with Stylelint
The first article written about Stylelint.
- Lint your CSS with Stylelint
CSS Tricks article.
- Stylelint: The Style Sheet Linter We've Always Wanted
Smashing Magazine article.
- Writing Your First Custom Stylelint Rule
Quickly create and integrate your own Stylelint rules.
Testing
- jest-preset-stylelint
Jest preset for Stylelint plugins.
- @morev/stylelint-testing-library
Platform agnostic solution for testing Stylelint plugins (works with
- stylelint-tape
Test custom rules using Tape.
- stylelint-test-rule-node
A rule tester using Node.js built-in test runner (
Plugins
- @morev/stylelint-pluginArchitecture and methodologies
Enforce (S)CSS and BEM best practices (Pack).
- stylelint-declaration-block-no-ignored-propertiesVariables and constraints
Disallow property values that are ignored.
- stylelint-declaration-strict-valueVariables and constraints
Enforce variables, functions or keywords for the value of specific properties.
- stylelint-gamutColors
Enforce standard different color spaces (Pack).
- stylelint-high-performance-animationPerformance
Disallow low-performance animation and transition properties.
- stylelint-media-use-custom-mediaVariables and constraints
Enforce usage of custom media queries.
Custom syntaxes
- postcss-angular
Angular Components.
- postcss-html
HTML and HTML-like.
- postcss-less
Less.
- postcss-linaria
Linaria.
- postcss-lit
Lit elements.
- postcss-markdown
Markdown.
Showing a sample of 75 resources. View the full list on GitHub →