Vue Styling Libraries

Libraries

4
logo

TailwindCSS

Adam Wathan & Jonathan Reinink

A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
TailwindCSS GitHub RepositoryTailwindCSS NPM PackageTailwindCSS Bundle Size Stats

logo

Sass

Google

Sass is a very mature, stable, and powerful professional grade CSS extension language. It provides a superset of CSS with features like nesting, variables, imports and mixins.
Sass GitHub RepositorySass NPM PackageSass Bundle Size Stats

logo
Use TypeScript as your preprocessor. Write type‑safe, locally scoped classes, variables and themes, then generate static CSS files at build time.
Vanilla Extract GitHub RepositoryVanilla Extract NPM PackageVanilla Extract Bundle Size Stats

logo

styled-components

Glen Maddern & Maximilian Stoiber

Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!
styled-components GitHub Repositorystyled-components NPM Packagestyled-components Bundle Size Stats