CSS-in-JS and styling

12-month change compares the average of the last 4 weeks of downloads with the first 4 weeks of the 52-week series. Gzip size is for the whole package, as measured by Bundlephobia. "-" means the value has not been fetched.

• @fontsource/material-iconsSelf-host the Material Icons font in a neatly bundled NPM package.
• css-renderGenerating CSS using JS with considerable flexibility and extensibility, at both server side and client side.
• @fontsource/source-code-proSelf-host the Source Code Pro font in a neatly bundled NPM package.
• @fontsource/fira-codeSelf-host the Fira Code font in a neatly bundled NPM package.
• eslint-plugin-css-modulesChecks that you are using the existent css/scss/less classes, no more no less
• node-sass-tilde-importerA node-sass custom importer which turns ~ into absolute paths to the nearest parent node_modules directory.
• postcss-cssnextUse tomorrow’s CSS syntax, today
• @fontsource-variable/source-sans-3Self-host the Source Sans 3 font in a neatly bundled NPM package.
• @shoelace-style/shoelaceA forward-thinking library of web components.
• @fontsource-variable/nunito-sansSelf-host the Nunito Sans font in a neatly bundled NPM package.
• @css-render/plugin-bemA plugin of css-render that helping generate BEM standard CSS
• foundation-sitesThe most advanced responsive front-end framework in the world.
• @fontsource-variable/inter-tightSelf-host the Inter Tight font in a neatly bundled NPM package.
• @tailwindcss/browserA utility-first CSS framework for rapidly building custom user interfaces.
• @fontsource/soraSelf-host the Sora font in a neatly bundled NPM package.
• postcss-image-set-polyfillPostCSS plugin for fallback image-set
• jss-props-sortJSS plugin that ensures style properties extend each other instead of override
• stylelint-csstree-validatorStylelint plugin to validate CSS syntax
• @fontsource/public-sansSelf-host the Public Sans font in a neatly bundled NPM package.
• eslint-plugin-styled-components-a11yThis plugin adds the ability to lint styled components according to the rules outlined in eslint-plugin-jsx-a11y.
• @fontsource-variable/roboto-monoSelf-host the Roboto Mono font in a neatly bundled NPM package.
• @fontsource-variable/noto-sansSelf-host the Noto Sans font in a neatly bundled NPM package.
• free-styleMake CSS easier and more maintainable by using JavaScript
• karma-typescriptSimplifying running unit tests with coverage for Typescript projects.
• @fontsource/merriweatherSelf-host the Merriweather font in a neatly bundled NPM package.
• @nextui-org/themeThe default theme for NextUI components
• tachyonsFunctional CSS for humans
• @fontsource-variable/noto-sans-scSelf-host the Noto Sans SC font in a neatly bundled NPM package.
• @fontsource/nunito-sansSelf-host the Nunito Sans font in a neatly bundled NPM package.
• postcss-extend-ruleUse the @extend at-rule and functional selectors in CSS
• stylefirePerformant, simplified stylers for CSS, SVG, path and DOM scroll.
• @terrazzo/token-toolsVarious utilities for token types
• stylelint-no-unresolved-moduleEnsures that module (import-like or `url`) can be resolved to a module on the file system.
• tailwindcss-animatedExtended animation utilities for Tailwind CSS
• @fontsource/figtreeSelf-host the Figtree font in a neatly bundled NPM package.
• material-components-webModular and customizable Material Design UI components for the web
• add-to-calendar-buttonThe convenient TS/JS library, which lets you create beautiful add to calendar buttons. Make people save events to their calendars in a reliable way.
• shadcn-vueAdd components to your apps.
• theme-uiThe Design Graph Framework
• stylelint-config-rational-orderStylelint config that sorts related property declarations by grouping together following the order: Positioning, Box Model, Typography, Visual, Animation, Other.
• @stylistic/stylelint-configThe stylistic shareable config for Stylelint.
• react-style-stringifyA utility for converting React CSSProperties and style maps into CSS strings, designed to simplify the management of inline styles in HTML email templates and React projects.
• bootswatchBootswatch is a collection of themes for Bootstrap.
• ember-cli-sassUse Sass to preprocess your ember-cli app's files, with support for sourceMaps and include paths
• felaState-Driven Styling in JavaScript
• fela-domFela package for working with the DOM
• croact-css-styledThis component is a lightweight, simple line style component for react-compat
• @fontsource/newsreaderSelf-host the Newsreader font in a neatly bundled NPM package.
• rollup-plugin-import-cssA Rollup plugin to import CSS into JavaScript
• rollup-plugin-stylesUniversal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more

• css-tree vs lightningcss
• bootstrap vs @coreui/coreui
• flowbite vs @shadcn/lint
• styled-components vs @linaria/core
• @compiled/react vs @linaria/core
• goober vs @linaria/core
• styled-components vs @compiled/react
• styled-components vs goober
• bootstrap vs bulma
• ng-packagr vs typed-scss-modules
• csstype vs ng-packagr
• css-vars-ponyfill vs object-fit-images
• shadcn vs flowbite
• styled-components vs tss-react
• tss-react vs @linaria/core
• animejs vs animate.css
• facepaint vs aphrodite
• flag-icons vs svg-sprite
• goober vs facepaint
• @panzoom/panzoom vs @compiled/react