JSPM

Found 28317 results for css variables

variables

CSS Variables polyfill

  • v1.0.1
  • 873.58
  • Published

postcss-css-variables

PostCSS plugin to transform CSS Custom Properties(CSS variables) syntax into a static representation

  • v0.19.0
  • 319.28
  • Published

@scalar/themes

the default CSS variables for all Scalar packages

  • v0.13.14
  • 264.03
  • Published

get-css-variables

Import CSS variables into a JavaScript Object

  • v1.0.0
  • 258.93
  • Published

postcss-variables

PostCSS plugin that converts variables into CSS

  • v1.1.1
  • 252.42
  • Published

css-vars-ponyfill

Client-side support for CSS custom properties (aka "CSS variables") in legacy and modern browsers

  • v2.4.9
  • 206.62
  • Published

postcss-var-replace

PostCSS plugin to replace CSS variables with their static values

  • v1.0.0
  • 201.46
  • Published

bulma-css-variables

Modern CSS framework based on Flexbox and CSS Variables

  • v0.9.5
  • 191.02
  • Published

primer-support

Sass variables, mixins, and functions for use in our components.

  • v5.0.0
  • 178.16
  • Published

rework-vars

CSS spec style variables for Rework

  • v3.1.1
  • 169.14
  • Published

postcss-export-custom-variables

Export custom media queries, custom properties, custom property sets, and custom selectors from CSS as JavaScript variables

  • v1.0.0
  • 167.19
  • Published

easings-css

Easing functions for CSS, provided as CSS Custom Properties, JavaScript modules, JSON object and Less and Sass variables.

  • v2.1.1
  • 157.54
  • Published

grunt-spritesmith

Grunt task for converting a set of images into a spritesheet and corresponding CSS variables.

  • v6.10.0
  • 157.04
  • Published

arui-cssvars

Helper for arui-feather css variables

  • v1.2.0
  • 156.62
  • Published

react-custom-properties

A React component for applying CSS Variables (Custom Properties)

  • v1.2.0
  • 154.77
  • Published

postcss-jit-props

PostCSS plugin to insert variables from a data source based on discovered usage

  • v1.0.16
  • 154.56
  • Published

theme-change

Change CSS theme with toggle, buttons or select using CSS Variables and localStorage

  • v2.5.0
  • 152.59
  • Published

postcss-variable-compress

PostCSS plugin cleans up the variable names and saves space. It can will reduce your css variable to smaller variables

  • v3.0.0
  • 144.41
  • Published

photon-colors

Color variables for Firefox and related properties.

  • v3.3.2
  • 143.37
  • Published

ceaser-easing

sass variables for CSS3 easing equations Edit

  • v1.0.1
  • 141.80
  • Published

css-variable

define CSS custom properties (variables) in JS

  • v7.0.0
  • 141.68
  • Published

@terrazzo/plugin-css

Convert DTCG design tokens JSON into CSS variables for use in any web application or native app with webview.

  • v0.10.2
  • 141.30
  • Published

postcss-safe-area

PostCSS plugin that adds browser fallbacks for safe-area env variables.

  • v0.1.1
  • 132.23
  • Published

@beydesign/tokens

BeyDesign System Tokens - CSS variables generated from Figma design tokens

    • v0.0.7
    • 131.91
    • Published

    halfmoon

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

    • v2.0.2
    • 125.42
    • Published

    kf-tailwind

    Tailwind 4 variables and styles.

    • v1.2.6
    • 124.11
    • Published

    custom-property-extract

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

    • v1.2.1
    • 121.57
    • Published

    postcss-import-json

    PostCSS plugin to import variables from JSON file

    • v1.0.0
    • 121.24
    • Published

    postcss-at-rules-variables

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

    • v0.3.0
    • 118.74
    • 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
    • 117.37
    • Published

    postcss-export-vars

    PostCSS plugin to export variables as JS constants or JSON.

    • v0.2.0
    • 115.69
    • Published

    kladenets

    Future-proof native CSS variables in your :root

    • v1.1.3
    • 115.44
    • Published

    css-vars-from-json

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

    • v1.1.0
    • 110.75
    • Published

    scroll-padlock

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

    • v3.0.0
    • 110.56
    • 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
    • 109.84
    • Published

    string-extract-sass-vars

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

    • v4.0.22
    • 109.44
    • Published

    postcss-colorfix

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

    • v0.0.5
    • 108.35
    • Published

    postcss-theme-ui

    PostCSS plugin for accessing Theme UI variables

    • v0.10.0
    • 107.89
    • Published

    use-theme-editor

    Zero configuration CSS variables based theme editor

    • v3.1.1
    • 107.45
    • Published

    css-colors-to-vars

    Automatically converts raw color values in CSS files to use CSS variables instead

    • v1.0.4
    • 107.21
    • Published

    awesome-sass-easing

    Some useful variables for easing animations using SASS.

    • v1.1.2
    • 100.69
    • Published

    varvara-css

    CSS library of customizable UI components based on CSS Variables.

    • v0.8.0
    • 100.29
    • Published

    gray

    Collection of grayscale variables for prototyping.

    • v0.0.6
    • 95.20
    • Published

    @nysds/styles

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

      • v1.7.0
      • 92.64
      • 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.70
      • Published

      @bulvar/bulma

      Modern CSS framework based on Flexbox and CSS Variables

      • v0.11.24
      • 91.40
      • Published

      postcss

      Tool for transforming styles with JS plugins

      • v8.5.6
      • 89.18
      • 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
      • 85.13
      • Published

      gulp-vars

      CSS Variables

      • v0.1.6
      • 84.94
      • Published

      postcss-shared-options

      PostCSS plugin Share variables between different css files with scope

      • v0.1.2
      • 84.57
      • 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
      • 83.63
      • Published

      material-theme-creator

      Converting Angular Material themes to CSS Custom Properties (Variables)

      • v3.2.1
      • 82.52
      • Published

      w1-system-font-validator

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

      • v2.0.4
      • 79.66
      • Published

      @weser/theming

      Utils for theming with CSS variables

      • v0.0.7
      • 78.96
      • 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
      • 78.51
      • Published

      postcss-scss

      SCSS parser for PostCSS

      • v4.0.9
      • 78.32
      • Published

      material-colors

      Colors of Google's Material Design made available to coders

      • v1.2.6
      • 78.02
      • Published

      bourbon-bitters

      Scaffold styles, variables and structure for Bourbon projects.

      • v1.2.1
      • 77.89
      • Published

      gruvbox.css

      gruvbox css variables

      • v0.0.4
      • 76.88
      • Published

      tailwind-vars

      Use a subset of Tailwind default theme as CSS variables

      • v0.1.6
      • 76.84
      • 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.02
      • Published

      emotional-css

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

        • v0.1.1
        • 72.32
        • Published

        metamorphosis

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

        • v0.6.1
        • 72.05
        • Published

        @cssfn/css-config

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

        • v4.0.1
        • 71.41
        • Published

        postcss-nest-to-flat-vars

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

        • v1.0.1
        • 70.21
        • Published

        postcss-var-optimize

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

        • v8.1.0
        • 70.19
        • Published

        postcss-nested

        PostCSS plugin to unwrap nested rules like how Sass does it

        • v7.0.2
        • 69.10
        • Published

        stylelint-less

        A collection of Less specific rules for stylelint

        • v3.0.1
        • 63.95
        • Published

        @jsoncss/core

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

          • v0.1.0
          • 63.10
          • Published

          postcss-sass

          A Sass parser for PostCSS, using gonzales-pe.

          • v0.5.0
          • 61.77
          • Published

          palettier

          Generate css variables and json from js

          • v2.0.0
          • 61.57
          • 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
          • 61.49
          • Published

          css-global-properties

          Framework agnostic management for CSS properties (variables)

          • v0.4.1
          • 60.87
          • Published

          @linaria/core

          Blazing fast zero-runtime CSS in JS library

          • v6.3.0
          • 60.79
          • Published

          postcss-sorting

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

          • v9.1.0
          • 60.73
          • Published

          @7span/shilp

          CSS Framework Completely Customizable via CSS Variables

            • v0.1.0-beta.25
            • 60.60
            • 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.06
            • 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
            • 59.15
            • Published

            themepark

            Reactive CSS Variables

            • v2.2.0
            • 58.77
            • 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.76
            • Published

            @linaria/react

            Blazing fast zero-runtime CSS in JS library

            • v6.3.0
            • 58.31
            • Published

            @linaria/tags

            Blazing fast zero-runtime CSS in JS library

            • v5.0.2
            • 58.04
            • Published

            less

            Leaner CSS

            • v4.4.1
            • 57.66
            • Published

            @linaria/logger

            Blazing fast zero-runtime CSS in JS library

            • v5.0.0
            • 57.66
            • Published

            @linaria/utils

            Blazing fast zero-runtime CSS in JS library

            • v5.0.2
            • 57.63
            • Published

            @fontsource/inter

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

            • v5.2.6
            • 56.77
            • Published

            @fontsource/roboto

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

            • v5.2.6
            • 56.71
            • Published

            css-toolchain

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

            • v0.0.12
            • 56.18
            • Published

            easings.scss

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

            • v1.0.0
            • 56.12
            • Published

            css-easing

            Easing variables for css

            • v2.1.0
            • 55.96
            • 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
            • 55.77
            • Published

            free-style

            Make CSS easier and more maintainable by using JavaScript

            • v5.0.1
            • 55.01
            • Published

            @auth0/styleguide-core

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

            • v3.0.0
            • 54.94
            • Published

            @steffo/bluelib

            A stylesheet that supports fast dynamic recoloring via CSS variables

            • v9.2.1
            • 54.07
            • 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.92
            • Published

            tachyons-colors

            Default CSS color variables for Tachyons

            • v5.3.3
            • 53.53
            • Published

            @plangrid/paint

            Color codes, classes, and variables

            • v0.34.1
            • 53.30
            • Published

            @fontsource/open-sans

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

            • v5.2.6
            • 53.19
            • 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.46
            • Published

            @fontsource/poppins

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

            • v5.2.6
            • 52.34
            • Published

            pollen-css

            Utility-first CSS for the future

            • v5.0.2
            • 52.02
            • Published

            @linaria/shaker

            Blazing fast zero-runtime CSS in JS library

            • v5.0.3
            • 51.60
            • 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.32
            • Published

            vite-plugin-atomizer

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

            • v0.2.3
            • 51.27
            • Published

            brand-variables

            Core SCSS variables to start a design system

            • v1.0.3
            • 51.27
            • Published

            uglifycss

            Port of YUI CSS Compressor to NodeJS

            • v0.0.29
            • 50.95
            • Published

            a11y-color-tokens

            Generate accessible complementary text or UI colors as Sass variables and/or CSS custom properties from your base color tokens.

            • v0.7.0
            • 50.86
            • Published

            vite-plugin-css-variables

            Vite plugin to generate CSS variables from JavaScript/TypeScript config

            • v1.0.2
            • 49.78
            • Published

            css-vars

            Use CSS Custom Properties with Sass

            • v2.4.0
            • 49.78
            • Published

            @nodestrap/spacers

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

            • v4.0.2
            • 49.14
            • Published

            @fontsource/montserrat

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

            • v5.2.6
            • 49.11
            • Published

            csstype

            Strict TypeScript and Flow types for style based on MDN data

            • v3.1.3
            • 48.49
            • Published

            diff

            A JavaScript text diff implementation.

            • v8.0.2
            • 48.35
            • Published

            spinkit

            A collection of loading indicators animated with CSS

            • v2.0.1
            • 48.23
            • Published

            stylis-plugin-css-variables

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

            • v1.0.7
            • 48.17
            • Published

            @reusable-ui/spacers

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

            • v6.5.0
            • 48.13
            • Published

            double-dash.scss

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

            • v1.0.0
            • 47.92
            • Published

            css-select

            a CSS selector compiler/engine

            • v6.0.0
            • 47.80
            • Published

            @stitches/core

            The modern CSS-in-JS library

            • v1.2.8
            • 47.59
            • 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.46
            • Published

            @fontsource/roboto-mono

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

            • v5.2.6
            • 47.41
            • Published

            nth-check

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

            • v2.1.1
            • 47.40
            • Published

            tw-variables

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

            • v3.3.2
            • 47.38
            • Published

            cssesc

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

            • v3.0.0
            • 47.37
            • Published

            mdn-data

            Open Web data by the Mozilla Developer Network

            • v2.24.0
            • 47.34
            • Published

            @fontsource/lato

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

            • v5.2.6
            • 47.31
            • Published

            css-render

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

            • v0.15.14
            • 47.16
            • Published

            color

            Color conversion and manipulation with CSS string support

            • v5.0.0
            • 47.13
            • Published

            @fontsource/public-sans

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

            • v5.2.6
            • 47.10
            • Published

            buefy

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

            • v3.0.2
            • 46.95
            • Published

            nwsapi

            Fast CSS Selectors API Engine

            • v2.2.21
            • 46.90
            • Published

            autoprefixer

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

            • v10.4.21
            • 46.66
            • Published

            color-string

            Parser and generator for CSS color strings

            • v2.1.0
            • 46.58
            • Published

            postcss-modules-values

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

            • v4.0.0
            • 46.32
            • Published

            @fontsource/fira-code

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

            • v5.2.6
            • 46.28
            • 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.06
            • Published

            clean-css

            A well-tested CSS minifier

            • v5.3.3
            • 45.94
            • Published

            dom-helpers

            tiny modular DOM lib for ie9+

            • v6.0.1
            • 45.90
            • Published

            css.escape

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

            • v1.5.1
            • 45.82
            • Published

            sass

            A pure JavaScript implementation of Sass.

            • v1.91.0
            • 45.79
            • Published

            postcss-import

            PostCSS plugin to import CSS files

            • v16.1.1
            • 45.79
            • Published

            @adobe/css-tools

            A modern CSS parser and stringifier with TypeScript support

            • v4.4.4
            • 45.75
            • Published

            camelcase-css

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

            • v2.0.1
            • 45.74
            • Published

            @fontsource/fira-mono

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

            • v5.2.6
            • 45.74
            • Published

            @cssfn/css-vars

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

            • v4.0.0
            • 45.71
            • Published

            css-loader

            css loader module for webpack

            • v7.1.2
            • 45.68
            • Published

            @fontsource/noto-sans

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

            • v5.2.7
            • 45.63
            • Published

            classnames

            A simple utility for conditionally joining classNames together

            • v2.5.1
            • 45.57
            • Published

            csso

            CSS minifier with structural optimisations

            • v5.0.5
            • 45.41
            • Published

            tweakpane-css

            Detect and tweak CSS variables at runtime.

            • v2.3.0
            • 45.38
            • Published

            text-hex

            Generate a hex color from the given text

            • v1.0.0
            • 45.21
            • Published

            shilp

            CSS Framework Completely Customizable via CSS Variables

              • v0.1.0-beta.32
              • 45.18
              • Published

              styled-jsx

              Full CSS support for JSX without compromises

              • v5.1.7
              • 45.14
              • Published

              postcss-svgo

              Optimise inline SVG with PostCSS.

              • v7.1.0
              • 45.12
              • Published

              icss-utils

              ICSS utils for postcss ast

              • v5.1.0
              • 44.95
              • Published

              postcss-js

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

              • v4.0.1
              • 44.92
              • Published

              cssnano

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

              • v7.1.1
              • 44.81
              • Published

              @emotion/babel-plugin

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

              • v11.13.5
              • 44.78
              • Published

              invert-css

              CLI tool to invert css variables in bulk

              • v1.0.6
              • 44.75
              • Published

              kuler

              Color your terminal using CSS/hex color codes

              • v2.0.0
              • 44.73
              • Published

              colord

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

              • v2.9.3
              • 44.72
              • Published

              tailwind-merge

              Merge Tailwind CSS classes without style conflicts

              • v3.3.1
              • 44.69
              • Published

              @fontsource/barlow

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

              • v5.2.6
              • 44.59
              • Published