JSPM

Found 28283 results for css variables

variables

CSS Variables polyfill

  • v1.0.1
  • 870.30
  • Published

postcss-css-variables

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

  • v0.19.0
  • 323.11
  • Published

@scalar/themes

the default CSS variables for all Scalar packages

  • v0.13.14
  • 267.89
  • Published

get-css-variables

Import CSS variables into a JavaScript Object

  • v1.0.0
  • 255.14
  • Published

postcss-variables

PostCSS plugin that converts variables into CSS

  • v1.1.1
  • 251.56
  • Published

css-vars-ponyfill

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

  • v2.4.9
  • 205.66
  • Published

postcss-var-replace

PostCSS plugin to replace CSS variables with their static values

  • v1.0.0
  • 200.33
  • Published

bulma-css-variables

Modern CSS framework based on Flexbox and CSS Variables

  • v0.9.5
  • 192.11
  • Published

primer-support

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

  • v5.0.0
  • 177.68
  • Published

rework-vars

CSS spec style variables for Rework

  • v3.1.1
  • 169.01
  • 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
  • 168.77
  • Published

easings-css

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

  • v2.1.1
  • 159.27
  • Published

grunt-spritesmith

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

  • v6.10.0
  • 158.70
  • Published

arui-cssvars

Helper for arui-feather css variables

  • v1.2.0
  • 157.54
  • Published

postcss-jit-props

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

  • v1.0.16
  • 155.59
  • Published

theme-change

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

  • v2.5.0
  • 151.91
  • Published

react-custom-properties

A React component for applying CSS Variables (Custom Properties)

  • v1.2.0
  • 151.17
  • 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
  • 145.45
  • 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
  • 142.26
  • Published

ceaser-easing

sass variables for CSS3 easing equations Edit

  • v1.0.1
  • 141.69
  • Published

css-variable

define CSS custom properties (variables) in JS

  • v7.0.0
  • 140.44
  • Published

photon-colors

Color variables for Firefox and related properties.

  • v3.3.2
  • 138.45
  • Published

postcss-safe-area

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

  • v0.1.1
  • 133.06
  • Published

@beydesign/tokens

BeyDesign System Tokens - CSS variables generated from Figma design tokens

    • v0.0.7
    • 132.27
    • Published

    halfmoon

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

    • v2.0.2
    • 125.26
    • Published

    postcss-import-json

    PostCSS plugin to import variables from JSON file

    • v1.0.0
    • 122.36
    • Published

    custom-property-extract

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

    • v1.2.1
    • 122.26
    • 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.85
    • Published

    postcss-at-rules-variables

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

    • v0.3.0
    • 118.43
    • Published

    kf-tailwind

    Tailwind 4 variables and styles.

    • v1.2.6
    • 116.98
    • Published

    postcss-export-vars

    PostCSS plugin to export variables as JS constants or JSON.

    • v0.2.0
    • 116.47
    • Published

    kladenets

    Future-proof native CSS variables in your :root

    • v1.1.3
    • 113.68
    • 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.44
    • Published

    string-extract-sass-vars

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

    • v4.0.22
    • 110.54
    • Published

    scroll-padlock

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

    • v3.0.0
    • 110.03
    • Published

    css-vars-from-json

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

    • v1.1.0
    • 109.43
    • Published

    postcss-colorfix

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

    • v0.0.5
    • 108.17
    • Published

    postcss-theme-ui

    PostCSS plugin for accessing Theme UI variables

    • v0.10.0
    • 105.78
    • Published

    varvara-css

    CSS library of customizable UI components based on CSS Variables.

    • v0.8.0
    • 105.35
    • Published

    use-theme-editor

    Zero configuration CSS variables based theme editor

    • v3.1.1
    • 102.68
    • Published

    awesome-sass-easing

    Some useful variables for easing animations using SASS.

    • v1.1.2
    • 100.58
    • Published

    gulp-vars

    CSS Variables

    • v0.1.6
    • 96.53
    • Published

    gray

    Collection of grayscale variables for prototyping.

    • v0.0.6
    • 95.64
    • Published

    @bulvar/bulma

    Modern CSS framework based on Flexbox and CSS Variables

    • v0.11.24
    • 92.14
    • 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.56
    • Published

    @nysds/styles

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

      • v1.7.0
      • 91.26
      • Published

      postcss

      Tool for transforming styles with JS plugins

      • v8.5.6
      • 89.80
      • 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.25
      • 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.16
      • Published

      material-theme-creator

      Converting Angular Material themes to CSS Custom Properties (Variables)

      • v3.2.1
      • 82.13
      • Published

      w1-system-font-validator

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

      • v2.0.4
      • 80.52
      • 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.42
      • Published

      @weser/theming

      Utils for theming with CSS variables

      • v0.0.7
      • 79.32
      • Published

      material-colors

      Colors of Google's Material Design made available to coders

      • v1.2.6
      • 79.30
      • Published

      tailwind-vars

      Use a subset of Tailwind default theme as CSS variables

      • v0.1.6
      • 79.23
      • Published

      postcss-scss

      SCSS parser for PostCSS

      • v4.0.9
      • 78.16
      • Published

      gruvbox.css

      gruvbox css variables

      • v0.0.4
      • 77.39
      • Published

      bourbon-bitters

      Scaffold styles, variables and structure for Bourbon projects.

      • v1.2.1
      • 76.33
      • 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.54
      • Published

      metamorphosis

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

      • v0.6.1
      • 72.55
      • Published

      @cssfn/css-config

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

      • v4.0.1
      • 71.31
      • Published

      emotional-css

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

        • v0.1.1
        • 71.21
        • Published

        postcss-nested

        PostCSS plugin to unwrap nested rules like how Sass does it

        • v7.0.2
        • 69.25
        • Published

        postcss-nest-to-flat-vars

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

        • v1.0.1
        • 69.17
        • Published

        postcss-var-optimize

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

        • v8.1.0
        • 68.33
        • 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
          • 62.55
          • 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.29
          • Published

          palettier

          Generate css variables and json from js

          • v2.0.0
          • 62.19
          • 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.17
          • Published

          @linaria/core

          Blazing fast zero-runtime CSS in JS library

          • v6.3.0
          • 60.82
          • 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.46
          • Published

          css-global-properties

          Framework agnostic management for CSS properties (variables)

          • v0.4.1
          • 59.95
          • Published

          @7span/shilp

          CSS Framework Completely Customizable via CSS Variables

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

            themepark

            Reactive CSS Variables

            • v2.2.0
            • 59.22
            • Published

            @linaria/utils

            Blazing fast zero-runtime CSS in JS library

            • v5.0.2
            • 58.90
            • Published

            @linaria/logger

            Blazing fast zero-runtime CSS in JS library

            • v5.0.0
            • 58.88
            • 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.82
            • Published

            @linaria/tags

            Blazing fast zero-runtime CSS in JS library

            • v5.0.2
            • 58.60
            • Published

            @linaria/react

            Blazing fast zero-runtime CSS in JS library

            • v6.3.0
            • 58.56
            • 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.16
            • Published

            less

            Leaner CSS

            • v4.4.1
            • 57.84
            • Published

            @fontsource/roboto

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

            • v5.2.6
            • 57.81
            • 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.23
            • Published

            @auth0/styleguide-core

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

            • v3.0.0
            • 55.53
            • Published

            easings.scss

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

            • v1.0.0
            • 55.15
            • Published

            free-style

            Make CSS easier and more maintainable by using JavaScript

            • v5.0.1
            • 55.03
            • Published

            @steffo/bluelib

            A stylesheet that supports fast dynamic recoloring via CSS variables

            • v9.2.1
            • 54.40
            • Published

            vite-plugin-css-variables

            Vite plugin to generate CSS variables from JavaScript/TypeScript config

            • v1.0.2
            • 53.88
            • Published

            tachyons-colors

            Default CSS color variables for Tachyons

            • v5.3.3
            • 53.79
            • Published

            tw-variables

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

            • v3.3.2
            • 53.65
            • 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.45
            • 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.45
            • Published

            @fontsource/open-sans

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

            • v5.2.6
            • 53.42
            • Published

            @fontsource/poppins

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

            • v5.2.6
            • 52.67
            • 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.53
            • Published

            @linaria/shaker

            Blazing fast zero-runtime CSS in JS library

            • v5.0.3
            • 52.13
            • 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
            • 52.05
            • Published

            uglifycss

            Port of YUI CSS Compressor to NodeJS

            • v0.0.29
            • 52.02
            • Published

            pollen-css

            Utility-first CSS for the future

            • v5.0.2
            • 51.93
            • Published

            brand-variables

            Core SCSS variables to start a design system

            • v1.0.3
            • 51.54
            • Published

            vite-plugin-atomizer

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

            • v0.2.3
            • 51.21
            • Published

            css-toolchain

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

            • v0.0.12
            • 50.97
            • Published

            postcss-shared-options

            PostCSS plugin Share variables between different css files with scope

            • v0.1.2
            • 50.66
            • Published

            css-vars

            Use CSS Custom Properties with Sass

            • v2.4.0
            • 49.96
            • Published

            diff

            A JavaScript text diff implementation.

            • v8.0.2
            • 49.22
            • Published

            @fontsource/montserrat

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

            • v5.2.6
            • 49.22
            • Published

            double-dash.scss

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

            • v1.0.0
            • 49.04
            • Published

            spinkit

            A collection of loading indicators animated with CSS

            • v2.0.1
            • 48.96
            • Published

            csstype

            Strict TypeScript and Flow types for style based on MDN data

            • v3.1.3
            • 48.87
            • Published

            @reusable-ui/spacers

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

            • v6.5.0
            • 48.72
            • Published

            @plangrid/paint

            Color codes, classes, and variables

            • v0.34.1
            • 48.56
            • Published

            stylis-plugin-css-variables

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

            • v1.0.7
            • 48.56
            • 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
            • 48.35
            • Published

            mdn-data

            Open Web data by the Mozilla Developer Network

            • v2.24.0
            • 48.28
            • Published

            theme-variables

            Theme variables generation plugin

            • v1.0.3
            • 48.16
            • Published

            @fontsource/lato

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

            • v5.2.6
            • 48.14
            • 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.90
            • Published

            @fontsource/roboto-mono

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

            • v5.2.6
            • 47.77
            • Published

            css-select

            a CSS selector compiler/engine

            • v6.0.0
            • 47.77
            • Published

            color

            Color conversion and manipulation with CSS string support

            • v5.0.0
            • 47.53
            • Published

            @stitches/core

            The modern CSS-in-JS library

            • v1.2.8
            • 47.52
            • Published

            color-string

            Parser and generator for CSS color strings

            • v2.0.1
            • 47.44
            • Published

            cssesc

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

            • v3.0.0
            • 47.44
            • Published

            nth-check

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

            • v2.1.1
            • 47.32
            • Published

            autoprefixer

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

            • v10.4.21
            • 47.13
            • Published

            @fontsource/public-sans

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

            • v5.2.6
            • 47.12
            • Published

            css-render

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

            • v0.15.14
            • 46.99
            • Published

            buefy

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

            • v3.0.2
            • 46.93
            • Published

            nwsapi

            Fast CSS Selectors API Engine

            • v2.2.21
            • 46.87
            • Published

            @fontsource/fira-code

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

            • v5.2.6
            • 46.73
            • Published

            postcss-modules-values

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

            • v4.0.0
            • 46.55
            • Published

            css-loader

            css loader module for webpack

            • v7.1.2
            • 46.54
            • Published

            tweakpane-css

            Detect and tweak CSS variables at runtime.

            • v2.3.0
            • 46.42
            • Published

            dom-helpers

            tiny modular DOM lib for ie9+

            • v6.0.1
            • 46.35
            • Published

            clean-css

            A well-tested CSS minifier

            • v5.3.3
            • 46.24
            • Published

            @cssfn/css-vars

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

            • v4.0.0
            • 46.22
            • Published

            css.escape

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

            • v1.5.1
            • 46.16
            • Published

            @fontsource/noto-sans

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

            • v5.2.7
            • 46.13
            • Published

            @fontsource/fira-mono

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

            • v5.2.6
            • 46.11
            • Published

            camelcase-css

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

            • v2.0.1
            • 46.02
            • Published

            postcss-import

            PostCSS plugin to import CSS files

            • v16.1.1
            • 45.82
            • Published

            icss-utils

            ICSS utils for postcss ast

            • v5.1.0
            • 45.79
            • Published

            csso

            CSS minifier with structural optimisations

            • v5.0.5
            • 45.78
            • Published

            sass

            A pure JavaScript implementation of Sass.

            • v1.91.0
            • 45.73
            • Published

            @adobe/css-tools

            A modern CSS parser and stringifier with TypeScript support

            • v4.4.4
            • 45.65
            • Published

            classnames

            A simple utility for conditionally joining classNames together

            • v2.5.1
            • 45.58
            • Published

            postcss-svgo

            Optimise inline SVG with PostCSS.

            • v7.1.0
            • 45.45
            • Published

            text-hex

            Generate a hex color from the given text

            • v1.0.0
            • 45.44
            • Published

            @fontsource/barlow

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

            • v5.2.6
            • 45.41
            • Published

            postcss-js

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

            • v4.0.1
            • 45.33
            • Published

            html-minifier-terser

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

            • v7.2.0
            • 45.30
            • Published

            @emotion/babel-plugin

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

            • v11.13.5
            • 45.21
            • Published

            tailwind-merge

            Merge Tailwind CSS classes without style conflicts

            • v3.3.1
            • 45.20
            • Published

            styled-jsx

            Full CSS support for JSX without compromises

            • v5.1.7
            • 45.18
            • Published

            invert-css

            CLI tool to invert css variables in bulk

            • v1.0.6
            • 45.17
            • Published

            postcss-calc

            PostCSS plugin to reduce calc()

            • v10.1.1
            • 45.16
            • Published

            kuler

            Color your terminal using CSS/hex color codes

            • v2.0.0
            • 45.09
            • Published

            stylehacks

            Detect/remove browser hacks from CSS files.

            • v7.0.6
            • 45.03
            • Published

            postcss-normalize-unicode

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

            • v7.0.4
            • 45.02
            • Published