atlassian-labs/compiled

Health v2 · maintenance only

Adoption not part of the score

2050 stars · 75 forks observed · 2026-08-28

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

Compiled is a compile-time CSS-in-JS library for React that lets you style components with a familiar css prop, styled API, and ClassNames component. It strips runtime overhead by extracting styles to atomic stylesheets via Webpack, Parcel, or Babel integrations.

Use cases

• style react components with css-in-js without runtime cost
• extract atomic css stylesheets at build time
• migrate from styled-components or emotion to a faster alternative
• use a css prop in jsx with typescript support
• bundle styles through webpack, parcel, or babel
• style npm packages so consumers get extracted styles

When to choose

• you use React and want zero-runtime CSS-in-JS with a familiar API
• you need atomic CSS extraction for performance
• your team builds with webpack, parcel, or babel

When to avoid

• you don't use React
• you need runtime dynamic theming that compile-time extraction can't handle
• you're not using a supported bundler or babel

Facets

library · maturity active

css-framework build-tool templating frontend web-development web-design browser css-in-js react compile-time atomic-css webpack-loader babel-plugin parcel typescript styled-components-api nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="atlassian-labs/compiled")