Linaria vs Vue CLI

Vue CLI vs Linaria: What are the differences?

Developers describe Vue CLI as "Standard Tooling for Vue.js Development". Vue CLI aims to be the standard tooling baseline for the Vue ecosystem. It ensures the various build tools work smoothly together with sensible defaults so you can focus on writing your app instead of spending days wrangling with config. On the other hand, Linaria is detailed as "Zero-runtime CSS in JS library". 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.

Vue CLI belongs to "Front-End Frameworks" category of the tech stack, while Linaria can be primarily classified under "Javascript Utilities & Libraries".

Some of the features offered by Vue CLI are:

• Feature Rich - Out-of-the-box support for Babel, TypeScript, ESLint, PostCSS, PWA, Unit Testing & End-to-end Testing.
• Extensible
• No Need to Eject

On the other hand, Linaria provides the following key 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

Vue CLI and Linaria are both open source tools. Vue CLI with 24.9K GitHub stars and 4.58K forks on GitHub appears to be more popular than Linaria with 5.13K GitHub stars and 186 GitHub forks.