Better Styled Components

Emotion

👩‍🎤 CSS-in-JS library designed for high performance style composition

CSS-modules

Project status: NOT MAINTAINED; Checks that you are using the existent css/scss classes, no more no less

styled-components-a11y

This 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.