Css-in-js Alternatives

Similar projects and alternatives to css-in-js based on common topics and language

linaria

3 8,874 8.5 TypeScript css-in-js VS linaria

Zero-runtime CSS in JS library
vanilla-extract

2 5,316 8.9 TypeScript css-in-js VS vanilla-extract

Zero-runtime Stylesheets-in-TypeScript
Appwrite

appwrite.io
sponsored

Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
styled-components

1 36,578 7.5 TypeScript css-in-js VS styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
pre-style

1 35 0.0 JavaScript css-in-js VS pre-style

Pre-Style is a tool that lets you author CSS-in-JS (or CSS-in-Markup) while outputting highly efficient CSS.
JSS

0 6,719 8.0 JavaScript css-in-js VS JSS

JSS is an authoring tool for CSS which uses JavaScript as a host language.
styletron

0 3,260 1.9 JavaScript css-in-js VS styletron

:zap: Toolkit for component-oriented styling
inline-style-prefixer

0 384 2.7 JavaScript css-in-js VS inline-style-prefixer

Autoprefixer for JavaScript style objects
Scout APM

scoutapm.com
sponsored

Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better css-in-js alternative or higher similarity.

Suggest an alternative to css-in-js

css-in-js reviews and mentions

Posts with mentions or reviews of css-in-js. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-04-12.

Why are "CSS classes generally better for performance than inline styles." ~ from react docs
3 projects | reddit.com/r/reactjs | 12 Apr 2022

There are a myriad of CSS-in-JS tools, many of which are zero-runtime giving you all the benefits of authoring in a single file without the drawbacks of inline styles. That's how I prefer to do my CSS with React anyway... Vanilla Extract and/or Linaria are my current favorites.
Why was CSS-In-JS ever a thing?
6 projects | reddit.com/r/reactjs | 12 Feb 2022

One thing I think you're really missing is what the output is of CSS-in-JS. There are tens of CSS-in-JS frameworks that can output anything from: CSS Module like classes (Linaria, Vanilla Extract), Atomic Classes (StyleX, PreStyle), to the more traditional (Styled Components, Emotion) many with zero runtime cost (ie no JS bloat). That's why I say CSS-in-JS is primarily about developer experience... the output can often be whatever you want it to be.