callstack/linaria

Health v2 · maintenance only

Adoption not part of the score

12345 stars · 413 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Linaria is a zero-runtime CSS-in-JS library that extracts CSS to real stylesheet files at build time. It offers familiar CSS syntax with Sass-like nesting, React bindings for dynamic prop-based styles via CSS variables, and sourcemaps for debugging.

Use cases

• write CSS in JS without runtime overhead
• extract CSS to static files at build time
• style React components with dynamic props
• avoid styled-components runtime performance cost
• lint CSS written in JavaScript with stylelint
• use atomic CSS classes in a React app

When to choose

• you want CSS-in-JS ergonomics with zero runtime cost
• you're building a React app where performance matters
• you want CSS sourcemaps and stylelint support
• you use webpack, Vite, esbuild, or Rollup and want build-time CSS extraction

When to avoid

• you prefer plain CSS or a preprocessor without JS coupling
• your build pipeline isn't supported by wyw-in-js
• you need heavy runtime theming that depends on evaluated styles at runtime
• you're not using a bundler that supports build-time extraction

Facets

library · maturity active

css-framework ui-components build-tool frontend web-development web-design cross-platform css-in-js zero-runtime react css-extraction styled-components-alternative wyw-in-js atomic-css nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="callstack/linaria")