Linear Migrates React Applications from styled-components to Meta's StyleX

Migration Completed

Linear, the project management tool, has finished migrating its React applications from styled-components to StyleX, Meta's atomic CSS-in-JS library. The migration, led by engineer Kenneth Skovhus, took approximately five months and involved more than 1,000 pull requests, concluding in early August 2026.

Motivation for the Switch

The primary reasons for the migration were performance and encapsulation. Linear experienced performance costs with runtime CSS-in-JS after upgrading to React 18's concurrent rendering, especially as styled-components entered maintenance mode. Additionally, the team sought to make it harder to restyle components externally, a concern amplified by the increasing use of coding agents, which StyleX's build-time style generation and atomic classes address.

Migration Process and Tools

Instead of manual migration, Skovhus developed a deterministic codemod, which has processed over 500 pull requests and approximately 100,000 lines of code. Linear considered vanilla-extract as an alternative but found its API fragmented. For other teams undertaking similar migrations, Linear suggests using StyleX documentation, Oxlint for custom rules, and CSS Modules as an escape hatch for global selectors.

Performance Improvements

The migration yielded significant performance benefits for Linear. The company reported a 20 to 35 percent reduction in main-thread work on view-heavy pages, approximately 30 percent faster navigation on mid-tier machines, and the elimination of CSS rule injection during page changes.

Industry Trend

Linear's move aligns with a broader trend of increased interest in StyleX, noted by publications like This Week in React. This surge follows Cursor's switch from Tailwind to StyleX and Meta's open-sourcing of its Astryx design system. Industry discussions, such as those on Syntax, suggest that while StyleX's rigidity might be less appealing for human developers, it is beneficial for coding agents.