1. @linaria/core
Blazing fast zero-runtime CSS in JS library
@linaria/core
Package: @linaria/core
Created by: callstack
Last modified: Fri, 26 Apr 2024 11:45:51 GMT
Version: 6.2.0
License: MIT
Downloads: 1,310,633
Repository: https://github.com/callstack/linaria

Install

npm install @linaria/core
yarn add @linaria/core

Linaria

Zero-runtime CSS in JS library.


📖 Please refer to the GitHub for full documentation.

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

Why use Linaria

Installation

 npm install @linaria/core @linaria/react @linaria/babel-preset

or

 yarn add @linaria/core @linaria/react @linaria/babel-preset

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code