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.

• @preline/dropdownPreline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
• primer-truncateShorten text with an ellipsis.
• @dramaorg/delectus-culpa-reprehenderit[![github actions][actions-image]][actions-url] [![coverage][codecov-image]][codecov-url] [![dependency status][deps-svg]][deps-url] [![dev dependency status][dev-deps-svg]][dev-deps-url] [![License][license-image]][license-url] [![Downloads][downloads-im
• colors.cssBetter default colors for the web. A collection of skin classes for faster prototyping and nicer looking sites.
• focus-withinStyle elements when they are focused or contain a focused element
• @linaria/webpack-loaderBlazing fast zero-runtime CSS in JS library
• svelte-headlessuiHeadlessUI components for Svelte
• @artsy/palette-tokensThe design tokens for Artsy's palette
• flagkit-webstyles and images to easily allow the awesome flagkit svgs to be used on the web
• primer-markdownGitHub stylesheets for rendering markdown.
• primer-marketing-typeTypography for marketing websites at GitHub
• ngx-guided-tourGuided tour for your Angular applications.
• babel-plugin-transform-scssBabel plugin for transpile scss or sass imports to css and embedding them in the head of the document
• @carbon/charts-angularCarbon Charts component library for Angular
• select2-theme-bootstrap4A theme for Select2 v4 and Bootstrap 4.
• @cossistant/reactHeadless React SDK for building AI-powered support/chat widgets. Hooks + primitives, WS-driven, TypeScript-first. Next.js-ready, Tailwind optional.
• csshakeSome CSS classes to move your DOM!
• astro-breadcrumbsWell configurable breadcrumb component for Astro.js. Create breadcrumbs completely dynamically or specify exactly how they should look.
• css-to-objectConvert flat CSS rule to JavaScript style object
• tailwindcss-aria-attributesaria-* attribute utility plugin for TailwindCSS
• css-unicode-loaderwebpack loader for convert chinese or double-byte character string of scss/sass/less/css files to unicode char
• tailwindcss-radix-colorsA Tailwind CSS plugin that brings Radix UI's color system to Tailwind CSS
• babel-plugin-webpack-loadersbabel 6 plugin which allows to use webpack loaders
• @gravitee/graphene-coreGravitee's Graphene design system: accessible React components, design tokens, icons, and shared ESLint/TypeScript configs. Built on shadcn/ui and Tailwind.
• postcss-variable-compressPostCSS plugin cleans up the variable names and saves space. It can will reduce your css variable to smaller variables
• cssifyA simple Browserify transform for adding required styles to the browser.
• amplitudejsA JavaScript library that allows you to control the design of your media controls in your webpage -- not the browser. No dependencies (jQuery not required) https://521dimensions.com/open-source/amplitudejs
• tw-ariaA Tailwind CSS plugin that adds support for ARIA attributes
• @letterstory/designLetterstory design tokens, the phantom theme registry, and the design principles — one source for every Letterstory repo.
• @gravitee/graphene-chartsTheme-compliant data visualization components for the Graphene design system. Built on D3, styled with Tailwind, and designed to inherit the Graphene token system out of the box.
• select2-bootstrap4-themeA theme for Select2 v4 and Bootstrap 4
• @zitterorg/illo-hic-voluptatemReact components for [Stripe.js and Elements](https://stripe.com/docs/stripe-js).
• @cossistant/nextNext.js-ready SDK for building AI-powered support/chat widgets. Hooks + primitives, WS-driven, TypeScript-first. Next.js-ready, Tailwind optional.
• lit-css-loaderImport CSS files as tagged template literals
• @phytonmk/nano-cssSmallest 5th gen CSS-in-JS library
• @linaria/stylelintBlazing fast zero-runtime CSS in JS library
• vite-plugin-tailwind-purgecssVite plugin for PurgeCSS
• grunt-dart-sassCompile Sass to CSS via Dart Sass
• tailwind-animationsTailwind CSS plugin to add animations to your website
• @theme-ui/presetsTheme UI includes an optional presets package that can be used as examples or as a starting point for extending your own themes.
• ubuntu-fontfaceUbuntu Font Family Bower-ready (also SASS-ready, LESS-ready, and plain CSS-ready)
• @financial-times/sass-mqmq() is a Sass mixin that helps manipulating media queries in an elegant way.
• sass-mediaqueriesMedia Queries mixins for Sass - fully customizable and very easy to use. Great extension for compass or bourbon.
• @mxenabled/cssinjsWrite CSS in JS notation; get a className back.
• 98.cssA design system for building faithful recreations of old UIs
• styled-reset-advancedAdvanced Reset CSS for Styled Components
• @preline/selectPreline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
• @quickbaseoss/babel-plugin-styled-components-css-namespaceA babel plugin to add css namespaces to all styled components.
• ecijRolldown and Vite plugin to Extract CSS-in-JS
• @preline/accordionPreline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.

• 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