Why developers like Linaria

What is Linaria?

Write CSS in JS and get real CSS files during build. Use dynamic prop based styles with the React bindings and have them transpiled to CSS variables automatically. Great productivity with source maps and linting support.

Linaria is a tool in the Javascript Utilities & Libraries category of a tech stack.

Linaria is an open source tool with 11.8K GitHub stars and 414 GitHub forks. Here’s a link to Linaria's open source repository on GitHub

Who uses Linaria?

Companies

5 companies reportedly use Linaria in their tech stacks, including Quizlet Web, Boligmappa, and pracuj.pl.

Quizlet Web

Boligmappa

pracuj.pl

Slash-m GmbH

gemini

Developers

5 developers on StackShare have stated that they use Linaria.

My Stack

Wp Next

Next.Js

Linaria Integrations

JavaScript

React

Linaria's Features

Write CSS in JS, but with zero runtime, CSS is extracted to CSS files during build
Familiar CSS syntax with Sass like nesting
Use dynamic prop based styles with the React bindings, uses CSS variables behind the scenes
Easily find where the style was defined with CSS sourcemaps
Lint your CSS in JS with stylelint
Use JavaScript for logic, no CSS preprocessor needed
Optionally use any CSS preprocessor such as Sass or PostCSS

Linaria Alternatives & Comparisons

What are some alternatives to Linaria?

Emotion

Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production.

styled-components

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

jQuery

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.

React

Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.

AngularJS

AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.

See all alternatives

Related Comparisons