Astroturf: Detailed Overview & Metrics

v1.2.0(about 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 files using familiar CSS syntax, which is then transformed into efficient and scoped CSS at build time. Astroturf provides a seamless integration with React components, enabling the use of dynamic styles, theming, and CSS variables.

Compared to other CSS-in-JS libraries like styled-components or Emotion, Astroturf offers a performance-focused approach by eliminating the runtime overhead. It also provides a simpler and more intuitive API for styling components without sacrificing flexibility or features.

Alternatives:
styled-components+
emotion+
linaria+
goober+
stitches+
styletron+
jss+
aphrodite+
glamor+
fela+

Tags: reactcss-in-jsstylingzero-runtimebuild-time