Astroturf: Detailed Overview & Metrics

v1.2.0(over 1 year ago)

This package was last published over a year ago. It may not be actively maintained.Types definitions are bundled with the npm packageNumber of direct dependencies: 26Monthly npm downloads

Astroturf is a zero-runtime CSS-in-JS solution for styling React components. It allows developers to write CSS directly in their JavaScript or TypeScript files using familiar CSS syntax, which is then transformed into efficient, scoped CSS at build time. Astroturf provides a seamless integration with React components, enabling easy styling and theming without the need for additional runtime overhead.

Compared to other CSS-in-JS libraries like styled-components or Emotion, Astroturf offers a lightweight and performant solution with minimal bundle size impact. It is actively maintained and provides a modern approach to styling in React applications.

Alternatives: styled-components, emotion, linaria

Tags: reactcss-in-jsstylingzero-runtimebuild-time