CSS in JS

Links

• Linaria - Zero-runtime CSS in JS library.

• Tachyons React App - Tachyons implemented with emotion and styled-system. Sits on create-react-app.

• xstyled - Consistent theme based CSS for styled-components. (Web)

• Treat - Themeable, statically extracted CSS‑in‑JS with near‑zero runtime.

• reshadow - Markup and styles that feel right.

• Building the New Facebook with React and Relay | Frank Yan (2019)

• Goober - Less than 1KB css-in-js solution.

• styled-jsx - Full CSS support for JSX without compromises.

• CSS-Zero - Zero-runtime CSS-in-JS.

• The unseen performance costs of modern CSS-in-JS libraries in React apps (2019)

• Max Stoiber - CSS in JS evolution (2019)

• Styled Components, Styled Systems and How They Work (2019)

• styled-breakpoints - Simple and powerful tool for creating breakpoints in styled components and emotion.

• @compiled/css-in-js - Typescript first CSS in JS library that compiles away to nothing.

• Every Layout - React + styled-components implementations of the layouts from every-layout.dev

• Glaze - CSS-in-JS framework for building approachable design systems.

• Nyan CSS - Write plain CSS while reaping benefits of CSS-in-JS.

• @stitches - Tiny configurable CSS-IN-JS library.

• Performance comparison of css approaches