Better Styled Components
Auto-fixable ESLint rules for enforcing alphabetical sorting of styled component declarations.
Overview
ESlint's rules for styled components 💅
Related Projects
Emotion👩🎤 CSS-in-JS library designed for high performance style composition
CSS-modulesProject status: NOT MAINTAINED; Checks that you are using the existent css/scss classes, no more no less
styled-components-a11yThis ESLint plugin extends accessibility linting to Styled Components by applying the rules from eslint-plugin-jsx-a11y. It ensures that components created with styled-components are accessible, catching issues that traditional JSX linting misses. ## Key Features - **Comprehensive Coverage** — Handles all seven methods Styled Components uses to create elements, including styled tags, `.attrs()`, component extension, and the `as` prop. - **Recommended & Strict Rulesets** — Provides both recommended and strict shareable configs for easy setup in legacy or flat ESLint configurations. - **Object-Defined Elements** — Lints styled components defined within objects, such as `Component.Div`. - **Real-World Impact** — Designed to uncover accessibility errors in modern CSS-in-JS codebases where standard JSX a11y linting falls short. ## Philosophy The plugin aims to make web accessibility enforceable in projects using Styled Components, bridging a gap in tooling to help create a more inclusive internet.
vanilla-extractComprehensive ESLint plugin for vanilla-extract with CSS property ordering, style validation, and best practices enforcement. Supports alphabetical, concentric and custom CSS ordering, auto-fixing, and zero-runtime safety.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.