JSPM

Found 28285 results for css variables

halfmoon

Drop-in Bootstrap replacement, fully customizable with CSS variables.

  • v2.0.2
  • 125.33
  • Published

postcss-import-json

PostCSS plugin to import variables from JSON file

  • v1.0.0
  • 122.32
  • Published

custom-property-extract

Extract CSS custom properties (a.k.a CSS variables) and their values from stylesheets.

  • v1.2.1
  • 122.15
  • Published

@groww-tech/mint-css

A CSS library that provides classes, tokens, variables, fonts and other essential stylings governed under MINT design system, used by Groww

  • v0.3.8
  • 118.64
  • Published

postcss-at-rules-variables

PostCss plugin to use CSS Custom Properties in at-rule @each, @for, @if, @else

  • v0.3.0
  • 118.37
  • Published

kf-tailwind

Tailwind 4 variables and styles.

  • v1.2.6
  • 116.88
  • Published

postcss-export-vars

PostCSS plugin to export variables as JS constants or JSON.

  • v0.2.0
  • 116.36
  • Published

kladenets

Future-proof native CSS variables in your :root

  • v1.1.3
  • 113.57
  • Published

@mariohamann/tailwindcss-var

This plugin allows to create and use scoped CSS variables for colors and spacings in your Tailwind CSS project.

  • v2.1.0
  • 112.26
  • Published

string-extract-sass-vars

Parse SASS variables file into a plain object of CSS key-value pairs

  • v4.0.22
  • 110.36
  • Published

scroll-padlock

Locks elements scroll handling scrollbar gaps and iOS Safari with CSS variables

  • v3.0.0
  • 109.92
  • Published

css-vars-from-json

Generates css custom properties (variables) from json or javascript object.

  • v1.1.0
  • 109.24
  • Published

postcss-colorfix

PostCSS plugin to recommend closest colors from your palette set as variables

  • v0.0.5
  • 108.26
  • Published

postcss-theme-ui

PostCSS plugin for accessing Theme UI variables

  • v0.10.0
  • 105.67
  • Published

use-theme-editor

Zero configuration CSS variables based theme editor

  • v3.1.1
  • 102.49
  • Published

varvara-css

CSS library of customizable UI components based on CSS Variables.

  • v0.8.0
  • 100.79
  • Published

awesome-sass-easing

Some useful variables for easing animations using SASS.

  • v1.1.2
  • 100.64
  • Published

gulp-vars

CSS Variables

  • v0.1.6
  • 96.40
  • Published

gray

Collection of grayscale variables for prototyping.

  • v0.0.6
  • 95.56
  • Published

@bulvar/bulma

Modern CSS framework based on Flexbox and CSS Variables

  • v0.11.24
  • 92.05
  • Published

token2css

token2css takes a list of design tokens in a structured format such as JSON or YAML and converts them to a list of CSS preprocessor variables

  • v2.0.0
  • 91.63
  • Published

@nysds/styles

CSS variables, styles, and themes for the New York State Design System

    • v1.7.0
    • 91.17
    • Published

    postcss

    Tool for transforming styles with JS plugins

    • v8.5.6
    • 89.75
    • Published

    @yoruverse-js/tailwindcss

    Sistema de utilidades CSS para Tailwind, creado por Yoruverse. Incluye variables y utilidades para colores, espaciados, radios y más.

    • v1.0.6
    • 84.17
    • Published

    @dfgyhujk7npm/quam-repellat-ea

    Are you tired of converting environment variables to their respective types, like me? Then this package is for you! This package converts the values of environment variables to their respective types, so you don't have to worry about it anymore.

    • v1.0.0
    • 84.09
    • Published

    material-theme-creator

    Converting Angular Material themes to CSS Custom Properties (Variables)

    • v3.2.1
    • 82.05
    • Published

    w1-system-font-validator

    VS Code extension for validating W1 System font variables (both fontConfig.json and localFontConfig.json)

    • v2.0.4
    • 80.50
    • Published

    uinix-theme

    Fully configurable framework-agnostic theme system (spec, theme, renderer, themed styles/keyframes/CSS variables) for building UIs. Your theme your rules 🤘.

    • v3.0.1
    • 79.39
    • Published

    @weser/theming

    Utils for theming with CSS variables

    • v0.0.7
    • 79.25
    • Published

    material-colors

    Colors of Google's Material Design made available to coders

    • v1.2.6
    • 79.23
    • Published

    tailwind-vars

    Use a subset of Tailwind default theme as CSS variables

    • v0.1.6
    • 79.16
    • Published

    postcss-scss

    SCSS parser for PostCSS

    • v4.0.9
    • 78.06
    • Published

    gruvbox.css

    gruvbox css variables

    • v0.0.4
    • 77.32
    • Published

    bourbon-bitters

    Scaffold styles, variables and structure for Bourbon projects.

    • v1.2.1
    • 76.20
    • Published

    @avsync.live/formation

    Formation is a comprehensive component library powered by React, Styled Components, and CSS variables for creating apps and websites that demand responsive, unified cross-platform experiences.

    • v1.0.136
    • 74.46
    • Published

    metamorphosis

    A css variable management library that helps create and organize variables into easily configurable themes.

    • v0.6.1
    • 72.48
    • Published

    emotional-css

    Emotion-aware UI theming powered by MediaPipe FaceMesh + CSS variables.

      • v0.1.1
      • 71.57
      • Published

      @cssfn/css-config

      Reads/Writes CSS configuration of HTML components using centralized CSS variables.

      • v4.0.1
      • 71.35
      • Published

      postcss-nested

      PostCSS plugin to unwrap nested rules like how Sass does it

      • v7.0.2
      • 69.17
      • Published

      postcss-nest-to-flat-vars

      A PostCSS plugin that converts nested CSS structures to flat CSS variables

      • v1.0.1
      • 69.10
      • Published

      postcss-var-optimize

      PostCSS plugin to convert css variables that are not redeclared and remove duplicates

      • v8.1.0
      • 68.27
      • Published

      stylelint-less

      A collection of Less specific rules for stylelint

      • v3.0.1
      • 64.12
      • Published

      @jsoncss/core

      Core compiler for JsonCSS - transforms JSON design tokens into CSS Variables

        • v0.1.0
        • 62.47
        • Published

        open-props

        <div align="center"> ![Open Props Logo](https://user-images.githubusercontent.com/1134620/141246730-7df4cf2a-6249-42ca-a01b-494c3ccddabe.png)

        • v1.7.16
        • 62.27
        • Published

        palettier

        Generate css variables and json from js

        • v2.0.0
        • 62.17
        • Published

        postcss-sass

        A Sass parser for PostCSS, using gonzales-pe.

        • v0.5.0
        • 62.12
        • Published

        postcss-sorting

        PostCSS plugin to keep rules and at-rules content in order.

        • v9.1.0
        • 61.15
        • Published

        @linaria/core

        Blazing fast zero-runtime CSS in JS library

        • v6.3.0
        • 60.79
        • Published

        rollup-plugin-less-vars-to-css-vars

        Less-to-CSS Variable Aggregator is an intelligent plugin designed to automate the process of converting variables from Less to CSS. It scans your project for all declared variables in Less files and transforms them into readable CSS variables. This plugin

        • v1.1.1
        • 60.39
        • Published

        css-global-properties

        Framework agnostic management for CSS properties (variables)

        • v0.4.1
        • 59.85
        • Published

        @7span/shilp

        CSS Framework Completely Customizable via CSS Variables

          • v0.1.0-beta.25
          • 59.44
          • Published

          themepark

          Reactive CSS Variables

          • v2.2.0
          • 59.19
          • Published

          @linaria/utils

          Blazing fast zero-runtime CSS in JS library

          • v5.0.2
          • 58.76
          • Published

          @linaria/logger

          Blazing fast zero-runtime CSS in JS library

          • v5.0.0
          • 58.72
          • Published

          @spectrum-web-components/styles

          Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library of patterns built on top of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are ma

          • v1.7.0
          • 58.67
          • Published

          @linaria/tags

          Blazing fast zero-runtime CSS in JS library

          • v5.0.2
          • 58.59
          • Published

          @linaria/react

          Blazing fast zero-runtime CSS in JS library

          • v6.3.0
          • 58.51
          • Published

          tailwind-dark-theme

          Zero-config Tailwind CSS plugin for seamless dark/light theme switching with automatic color inversion (white↔black, gray-50↔gray-950) and custom CSS variables support.

          • v1.0.2
          • 58.11
          • Published

          less

          Leaner CSS

          • v4.4.1
          • 57.73
          • Published

          @fontsource/roboto

          Self-host the Roboto font in a neatly bundled NPM package.

          • v5.2.6
          • 57.70
          • Published

          @fontsource/inter

          Self-host the Inter font in a neatly bundled NPM package.

          • v5.2.6
          • 57.05
          • Published

          css-easing

          Easing variables for css

          • v2.1.0
          • 56.20
          • Published

          @auth0/styleguide-core

          Includes stylus variables, mixins and class utilities common to all Auth0 projects.

          • v3.0.0
          • 55.51
          • Published

          easings.scss

          Easings (cubic-bezier timing functions) as custom properties and SCSS variables.

          • v1.0.0
          • 55.05
          • Published

          free-style

          Make CSS easier and more maintainable by using JavaScript

          • v5.0.1
          • 54.96
          • Published

          @steffo/bluelib

          A stylesheet that supports fast dynamic recoloring via CSS variables

          • v9.2.1
          • 54.33
          • Published

          vite-plugin-css-variables

          Vite plugin to generate CSS variables from JavaScript/TypeScript config

          • v1.0.2
          • 53.80
          • Published

          tachyons-colors

          Default CSS color variables for Tachyons

          • v5.3.3
          • 53.75
          • Published

          tw-variables

          400 useful, ready-to-import CSS variables generated straight from Tailwind source files.

          • v3.3.2
          • 53.63
          • Published

          @itwin/itwinui-css

          CSS library for building beautiful and well working web UI components within Bentley Systems & iTwin.js applications.

          • v2.5.0
          • 53.43
          • Published

          @fontsource/open-sans

          Self-host the Open Sans font in a neatly bundled NPM package.

          • v5.2.6
          • 53.42
          • Published

          quartermoon

          Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools

          • v1.2.3
          • 53.40
          • Published

          @fontsource/poppins

          Self-host the Poppins font in a neatly bundled NPM package.

          • v5.2.6
          • 52.65
          • Published

          bootstrap-sass

          bootstrap-sass is a Sass-powered version of Bootstrap 3, ready to drop right into your Sass powered applications.

          • v3.4.3
          • 52.47
          • Published

          @linaria/shaker

          Blazing fast zero-runtime CSS in JS library

          • v5.0.3
          • 52.15
          • Published

          antd-theme-generator

          This a script to generate color specific styles less file and which you can use to change theme dynamically in browser

          • v1.2.11
          • 51.93
          • Published

          uglifycss

          Port of YUI CSS Compressor to NodeJS

          • v0.0.29
          • 51.91
          • Published

          pollen-css

          Utility-first CSS for the future

          • v5.0.2
          • 51.90
          • Published

          brand-variables

          Core SCSS variables to start a design system

          • v1.0.3
          • 51.47
          • Published

          vite-plugin-atomizer

          Export computed variables from less and sass css-modules automatically.

          • v0.2.3
          • 51.24
          • Published

          css-toolchain

          CLI tool for manipulate with your css, migrate scss variables etc

          • v0.0.12
          • 50.88
          • Published

          postcss-shared-options

          PostCSS plugin Share variables between different css files with scope

          • v0.1.2
          • 50.58
          • Published

          css-vars

          Use CSS Custom Properties with Sass

          • v2.4.0
          • 49.95
          • Published

          @fontsource/montserrat

          Self-host the Montserrat font in a neatly bundled NPM package.

          • v5.2.6
          • 49.17
          • Published

          diff

          A JavaScript text diff implementation.

          • v8.0.2
          • 49.10
          • Published

          double-dash.scss

          A set of SCSS mixins and variables to organize custom media queries.

          • v1.0.0
          • 48.96
          • Published

          spinkit

          A collection of loading indicators animated with CSS

          • v2.0.1
          • 48.92
          • Published

          csstype

          Strict TypeScript and Flow types for style based on MDN data

          • v3.1.3
          • 48.90
          • Published

          @reusable-ui/spacers

          A spacer (margins/paddings/gaps) management system for web components using css variables (css custom properties).

          • v6.5.0
          • 48.70
          • Published

          @plangrid/paint

          Color codes, classes, and variables

          • v0.34.1
          • 48.47
          • Published

          stylis-plugin-css-variables

          Stylis plugin that transforms CSS variable into static values for non-supported browsers.

          • v1.0.7
          • 48.46
          • Published

          mdn-data

          Open Web data by the Mozilla Developer Network

          • v2.24.0
          • 48.15
          • Published

          theme-variables

          Theme variables generation plugin

          • v1.0.3
          • 48.12
          • Published

          @fontsource/lato

          Self-host the Lato font in a neatly bundled NPM package.

          • v5.2.6
          • 48.07
          • Published

          css-tree

          A tool set for CSS: fast detailed parser (CSS → AST), walker (AST traversal), generator (AST → CSS) and lexer (validation and matching) based on specs and browser implementations

          • v3.1.0
          • 47.89
          • Published

          @fontsource/roboto-mono

          Self-host the Roboto Mono font in a neatly bundled NPM package.

          • v5.2.6
          • 47.80
          • Published

          css-select

          a CSS selector compiler/engine

          • v6.0.0
          • 47.68
          • Published

          color

          Color conversion and manipulation with CSS string support

          • v5.0.0
          • 47.52
          • Published

          @stitches/core

          The modern CSS-in-JS library

          • v1.2.8
          • 47.47
          • Published

          cssesc

          A JavaScript library for escaping CSS strings and identifiers while generating the shortest possible ASCII-only output.

          • v3.0.0
          • 47.34
          • Published

          color-string

          Parser and generator for CSS color strings

          • v2.1.0
          • 47.33
          • Published

          nth-check

          Parses and compiles CSS nth-checks to highly optimized functions.

          • v2.1.1
          • 47.26
          • Published

          @fontsource/public-sans

          Self-host the Public Sans font in a neatly bundled NPM package.

          • v5.2.6
          • 47.17
          • Published

          autoprefixer

          Parse CSS and add vendor prefixes to CSS rules using values from the Can I Use website

          • v10.4.21
          • 47.09
          • Published

          css-render

          Generating CSS using JS with considerable flexibility and extensibility, at both server side and client side.

          • v0.15.14
          • 47.00
          • Published

          buefy

          Lightweight UI components for Vue.js (v3) based on Bulma

          • v3.0.2
          • 46.92
          • Published

          nwsapi

          Fast CSS Selectors API Engine

          • v2.2.21
          • 46.79
          • Published

          @fontsource/fira-code

          Self-host the Fira Code font in a neatly bundled NPM package.

          • v5.2.6
          • 46.71
          • Published

          postcss-modules-values

          PostCSS plugin for CSS Modules to pass arbitrary values between your module files

          • v4.0.0
          • 46.52
          • Published

          css-loader

          css loader module for webpack

          • v7.1.2
          • 46.42
          • Published

          dom-helpers

          tiny modular DOM lib for ie9+

          • v6.0.1
          • 46.33
          • Published

          clean-css

          A well-tested CSS minifier

          • v5.3.3
          • 46.21
          • Published

          @cssfn/css-vars

          Reads/Writes CSS variables (CSS custom properties) in javascript property.

          • v4.0.0
          • 46.20
          • Published

          css.escape

          A robust polyfill for the `CSS.escape` utility method as defined in CSSOM.

          • v1.5.1
          • 46.19
          • Published

          @fontsource/noto-sans

          Self-host the Noto Sans font in a neatly bundled NPM package.

          • v5.2.7
          • 46.13
          • Published

          trig-js

          Trig.js powers dynamic, CSS-driven animate-on-scroll effects using CSS variables and element position data, making AOS effortless. Create custom animations in CSS or use trig-animations.css for ready-made effects—full control or quick setup. Perfect for s

          • v4.2.0
          • 46.02
          • Published

          camelcase-css

          Convert a kebab-cased CSS property into a camelCased DOM property.

          • v2.0.1
          • 45.97
          • Published

          @fontsource/fira-mono

          Self-host the Fira Mono font in a neatly bundled NPM package.

          • v5.2.6
          • 45.93
          • Published

          csso

          CSS minifier with structural optimisations

          • v5.0.5
          • 45.76
          • Published

          postcss-import

          PostCSS plugin to import CSS files

          • v16.1.1
          • 45.74
          • Published

          sass

          A pure JavaScript implementation of Sass.

          • v1.91.0
          • 45.68
          • Published

          icss-utils

          ICSS utils for postcss ast

          • v5.1.0
          • 45.63
          • Published

          @adobe/css-tools

          A modern CSS parser and stringifier with TypeScript support

          • v4.4.4
          • 45.60
          • Published

          classnames

          A simple utility for conditionally joining classNames together

          • v2.5.1
          • 45.53
          • Published

          postcss-svgo

          Optimise inline SVG with PostCSS.

          • v7.1.0
          • 45.48
          • Published

          text-hex

          Generate a hex color from the given text

          • v1.0.0
          • 45.41
          • Published

          @fontsource/barlow

          Self-host the Barlow font in a neatly bundled NPM package.

          • v5.2.6
          • 45.34
          • Published

          postcss-js

          PostCSS for CSS-in-JS and styles in JS objects

          • v4.0.1
          • 45.30
          • Published

          @emotion/babel-plugin

          A recommended babel preprocessing plugin for emotion, The Next Generation of CSS-in-JS.

          • v11.13.5
          • 45.23
          • Published

          html-minifier-terser

          Highly configurable, well-tested, JavaScript-based HTML minifier.

          • v7.2.0
          • 45.19
          • Published

          invert-css

          CLI tool to invert css variables in bulk

          • v1.0.6
          • 45.15
          • Published

          tweakpane-css

          Detect and tweak CSS variables at runtime.

          • v2.3.0
          • 45.14
          • Published

          styled-jsx

          Full CSS support for JSX without compromises

          • v5.1.7
          • 45.09
          • Published

          tailwind-merge

          Merge Tailwind CSS classes without style conflicts

          • v3.3.1
          • 45.09
          • Published

          postcss-calc

          PostCSS plugin to reduce calc()

          • v10.1.1
          • 45.06
          • Published

          kuler

          Color your terminal using CSS/hex color codes

          • v2.0.0
          • 45.03
          • Published

          @reusable-ui/borders

          A border (stroke) management system for web components using css variables (css custom properties).

          • v6.5.0
          • 44.98
          • Published

          stylehacks

          Detect/remove browser hacks from CSS files.

          • v7.0.6
          • 44.92
          • Published

          postcss-normalize-unicode

          Normalize unicode-range descriptors, and can convert to wildcard ranges.

          • v7.0.4
          • 44.91
          • Published

          postcss-reduce-initial

          Reduce initial definitions to the actual initial value, where possible.

          • v7.0.4
          • 44.86
          • Published

          postcss-colormin

          Minify colors in your CSS files with PostCSS.

          • v7.0.4
          • 44.86
          • Published

          cssnano

          A modular minifier, built on top of the PostCSS ecosystem.

          • v7.1.1
          • 44.75
          • Published

          colord

          👑 A tiny yet powerful tool for high-performance color manipulations and conversions

          • v2.9.3
          • 44.67
          • Published

          spritesheet-templates

          Convert spritesheet data into CSS or CSS pre-processor data

          • v10.5.2
          • 44.55
          • Published

          @fontsource/nunito-sans

          Self-host the Nunito Sans font in a neatly bundled NPM package.

          • v5.2.6
          • 44.51
          • Published

          style-to-object

          Parse CSS inline style to JavaScript object.

          • v1.0.9
          • 44.47
          • Published

          css-declaration-sorter

          Sorts CSS declarations fast and automatically in a certain order.

          • v7.2.0
          • 44.43
          • Published

          stylelint-header

          A stylelint plugin that checks for a file header.

          • v3.0.0
          • 44.05
          • Published

          @linaria/preeval

          Blazing fast zero-runtime CSS in JS library

          • v3.0.0-beta.23
          • 43.98
          • Published

          @fontsource/nunito

          Self-host the Nunito font in a neatly bundled NPM package.

          • v5.2.6
          • 43.97
          • Published