Linear Completes 1,000-PR Migration From styled-components to Meta's StyleX

Linear, the fast project management tool, has successfully migrated its React applications from styled-components to Meta's StyleX, a library known for its atomic CSS-in-JS approach. This migration, involving over 1,000 pull requests, was completed in early August 2026 after five months of work. The team switched to StyleX due to two main reasons: the performance cost of runtime CSS-in-JS after upgrading to React 18's concurrent rendering, and the ease of restyling components from the outside, which Linear wanted to limit.

StyleX generation of styles now happens during build time, resulting in collision-free atomic classes. This change resulted in a 20-35% decrease in main-thread work on view-heavy pages and a 30% faster navigation speed on mid-tier machines, with no CSS rules injected during a page change. Linear's migration to StyleX follows a trend in the React community, as noted by This Week in React, which was gaining popularity on X after Cursor's switch from Tailwind and Meta's open-sourcing of its Astryx design system.

Despite its stricter guidelines, StyleX offers predictable performance and stricter component boundaries, appealing to automated systems. One limitation of StyleX is the restrictive guidelines, as teams have pointed out in GitHub discussions. Linear, a project management and issue tracking tool, is known for its keyboard-driven interface and emphasis on speed.