JSPM

Found 28632 results for css variables

variables

CSS Variables polyfill

  • v1.0.1
  • 816.51
  • Published

postcss-css-variables

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

  • v0.19.0
  • 330.93
  • Published

@scalar/themes

the default CSS variables for all Scalar packages

  • v0.13.22
  • 265.54
  • Published

get-css-variables

Import CSS variables into a JavaScript Object

  • v1.0.0
  • 253.22
  • Published

postcss-variables

PostCSS plugin that converts variables into CSS

  • v1.1.1
  • 244.68
  • Published

css-vars-ponyfill

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

  • v2.4.9
  • 207.95
  • Published

postcss-var-replace

PostCSS plugin to replace CSS variables with their static values

  • v1.0.0
  • 204.30
  • Published

bulma-css-variables

Modern CSS framework based on Flexbox and CSS Variables

  • v0.9.5
  • 200.61
  • 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
  • 182.91
  • 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.4
  • 181.40
  • Published

rework-vars

CSS spec style variables for Rework

  • v3.1.1
  • 180.11
  • Published

primer-support

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

  • v5.0.0
  • 179.33
  • Published

easings-css

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

  • v2.1.1
  • 160.22
  • Published

grunt-spritesmith

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

  • v6.10.0
  • 159.02
  • Published

photon-colors

Color variables for Firefox and related properties.

  • v3.3.2
  • 158.81
  • Published

postcss-jit-props

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

  • v1.0.16
  • 155.01
  • Published

custom-property-extract

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

  • v1.2.1
  • 153.36
  • Published

theme-change

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

  • v2.5.0
  • 149.13
  • Published

arui-cssvars

Helper for arui-feather css variables

  • v1.2.0
  • 148.57
  • Published

react-custom-properties

A React component for applying CSS Variables (Custom Properties)

  • v1.2.0
  • 147.80
  • 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
  • 146.31
  • Published

css-variable

define CSS custom properties (variables) in JS

  • v7.0.0
  • 143.81
  • Published

ceaser-easing

sass variables for CSS3 easing equations Edit

  • v1.0.1
  • 136.93
  • Published

kf-tailwind

Tailwind 4 variables and styles.

  • v1.6.1
  • 135.87
  • Published

@beydesign/tokens

BeyDesign System Tokens - CSS variables generated from Figma design tokens

    • v0.0.7
    • 133.64
    • Published

    halfmoon

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

    • v2.0.2
    • 132.86
    • Published

    nice-css-variables

    A collection of CSS custom properties (variables) for consistent design tokens

    • v1.0.5
    • 131.29
    • Published

    postcss-safe-area

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

    • v0.1.1
    • 125.29
    • Published

    postcss-export-vars

    PostCSS plugin to export variables as JS constants or JSON.

    • v0.2.0
    • 121.98
    • 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
    • 121.53
    • Published

    use-theme-editor

    Zero configuration CSS variables based theme editor

    • v3.1.1
    • 121.49
    • Published

    postcss-at-rules-variables

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

    • v0.3.0
    • 117.53
    • Published

    postcss-import-json

    PostCSS plugin to import variables from JSON file

    • v1.0.0
    • 116.32
    • Published

    scroll-padlock

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

    • v3.0.0
    • 115.65
    • Published

    awesome-sass-easing

    Some useful variables for easing animations using SASS.

    • v1.1.2
    • 114.79
    • Published

    css-vars-from-json

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

    • v1.1.0
    • 113.08
    • Published

    @bulvar/bulma

    Modern CSS framework based on Flexbox and CSS Variables

    • v0.11.24
    • 112.73
    • Published

    string-extract-sass-vars

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

    • v4.0.33
    • 112.66
    • Published

    @weser/theming

    Utils for theming with CSS variables

    • v0.0.15
    • 110.84
    • Published

    less-easing

    Easing variables for less

    • v1.0.3
    • 109.98
    • Published

    kladenets

    Future-proof native CSS variables in your :root

    • v1.1.3
    • 109.94
    • Published

    gray

    Collection of grayscale variables for prototyping.

    • v0.0.6
    • 109.72
    • Published

    postcss-colorfix

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

    • v0.0.5
    • 108.60
    • 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
    • 104.36
    • Published

    @cssfn/css-config

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

    • v4.0.1
    • 103.26
    • Published

    postcss-theme-ui

    PostCSS plugin for accessing Theme UI variables

    • v0.10.0
    • 102.76
    • Published

    @vapor-ui/css-generator

    Generate CSS variables for Vapor UI design system themes.

    • v1.0.0-beta.0
    • 100.69
    • Published

    @7span/shilp

    CSS Framework Completely Customizable via CSS Variables

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

      modulist-vars

      CSS variables to use in components

      • v0.1.22
      • 99.63
      • Published

      metamorphosis

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

      • v0.6.1
      • 96.48
      • Published

      themepark

      Reactive CSS Variables

      • v2.2.0
      • 96.21
      • Published

      varvara-css

      CSS library of customizable UI components based on CSS Variables.

      • v0.8.0
      • 95.94
      • Published

      palettier

      Generate css variables and json from js

      • v2.0.0
      • 95.07
      • 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
      • 94.35
      • Published

      @nysds/styles

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

        • v1.10.0
        • 93.23
        • Published

        varsace

        TypeScript CSS variables

        • v0.2.1
        • 93.18
        • Published

        estilos-lib

        Librería de variables de diseño para Tailwind 4

          • v0.0.3
          • 92.83
          • Published

          tailwind-vars

          Use a subset of Tailwind default theme as CSS variables

          • v0.1.6
          • 91.01
          • Published

          visipix.css

          A lightweight CSS utility styling package compiled from SCSS. Provides reusable design variables, mixins, and pre‑built utilities for consistent UI theming.

            • v1.0.19
            • 89.12
            • Published

            postcss

            Tool for transforming styles with JS plugins

            • v8.5.6
            • 89.06
            • Published

            @cssfn/css-vars

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

            • v4.0.0
            • 87.37
            • 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

            gulp-vars

            CSS Variables

            • v0.1.6
            • 82.92
            • 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
            • 79.47
            • Published

            postcss-scss

            SCSS parser for PostCSS

            • v4.0.9
            • 79.20
            • Published

            material-colors

            Colors of Google's Material Design made available to coders

            • v1.2.6
            • 78.63
            • Published

            easings.scss

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

            • v1.0.0
            • 77.87
            • Published

            bourbon-bitters

            Scaffold styles, variables and structure for Bourbon projects.

            • v1.2.1
            • 77.27
            • Published

            less-colour

            Various colour palettes as less variables

              • v0.1.0
              • 76.86
              • Published

              postcss-shared-options

              PostCSS plugin Share variables between different css files with scope

              • v0.1.2
              • 76.73
              • Published

              @steffo/bluelib

              A stylesheet that supports fast dynamic recoloring via CSS variables

              • v9.2.1
              • 76.35
              • Published

              postcss-var-optimize

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

              • v8.1.0
              • 71.77
              • Published

              css-toolchain

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

              • v0.0.12
              • 71.64
              • Published

              @auth0/styleguide-core

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

              • v3.0.0
              • 71.49
              • Published

              double-dash.scss

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

              • v1.0.0
              • 71.24
              • Published

              material-theme-creator

              Converting Angular Material themes to CSS Custom Properties (Variables)

              • v3.2.1
              • 70.21
              • Published

              @appsweet-co/spock-css

              Lightweight CSS utilities using logical properties and CSS variables

                • v0.7.0
                • 70.03
                • Published

                postcss-nested

                PostCSS plugin to unwrap nested rules like how Sass does it

                • v7.0.2
                • 68.90
                • Published

                atomizify

                A JavaScript library generating atomic CSS classes and variables

                • v1.1.2
                • 67.68
                • Published

                vite-plugin-atomizer

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

                • v0.2.3
                • 67.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
                • 66.89
                • Published

                stylelint-less

                A collection of Less specific rules for stylelint

                • v3.0.1
                • 65.85
                • Published

                rework-variant

                Another take on variables in Rework.

                • v0.2.2
                • 65.53
                • Published

                @reusable-ui/colors

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

                • v6.5.0
                • 64.78
                • Published

                @plangrid/paint

                Color codes, classes, and variables

                • v0.34.1
                • 64.64
                • Published

                @nodestrap/colors

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

                • v4.0.4
                • 64.61
                • Published

                @nodestrap/spacers

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

                • v4.0.2
                • 64.50
                • Published

                neu-ts-css-theming

                Lightweight CSS-variables theming with TS helpers for Angular or any web app.

                • v1.0.10
                • 64.28
                • 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.9
                • 64.20
                • Published

                css-vars-design-token

                Use CSS Variables with dark/light mode themes and hooks.

                • v1.3.0-beta
                • 63.94
                • 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
                • 63.11
                • 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
                • 62.43
                • Published

                @bpiwek/frontbox-style

                Hermetic SCSS files contain helpful methods used on most websites, divided into categories: functions, generators, modules, shapes, styles, variables.

                • v0.2.3
                • 62.15
                • Published

                tachyons-colors

                Default CSS color variables for Tachyons

                • v5.3.3
                • 62.05
                • Published

                postcss-sass

                A Sass parser for PostCSS, using gonzales-pe.

                • v0.5.0
                • 61.93
                • Published

                postcss-sorting

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

                • v9.1.0
                • 61.50
                • Published

                modular-scale-css

                Easily customizable modular scale css custom properties (variables) in pure css.

                • v1.0.1
                • 61.28
                • Published

                @reusable-ui/spacers

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

                • v6.5.0
                • 60.62
                • Published

                @linaria/core

                Blazing fast zero-runtime CSS in JS library

                • v6.3.0
                • 60.30
                • Published

                @nodestrap/borders

                A border & border-radius management system for web components using css variables (css custom properties).

                • v4.0.3
                • 60.24
                • Published

                @reusable-ui/borders

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

                • v6.5.0
                • 60.15
                • 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.9.0
                • 59.70
                • Published

                @linaria/logger

                Blazing fast zero-runtime CSS in JS library

                • v5.0.0
                • 58.54
                • Published

                @linaria/utils

                Blazing fast zero-runtime CSS in JS library

                • v5.0.2
                • 58.51
                • Published

                @linaria/tags

                Blazing fast zero-runtime CSS in JS library

                • v5.0.2
                • 58.25
                • Published

                less

                Leaner CSS

                • v4.4.2
                • 58.24
                • Published

                @linaria/react

                Blazing fast zero-runtime CSS in JS library

                • v6.3.0
                • 58.01
                • Published

                @fontsource/roboto

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

                • v5.2.8
                • 57.75
                • Published

                @fontsource/inter

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

                • v5.2.8
                • 56.81
                • Published

                css-global-properties

                Framework agnostic management for CSS properties (variables)

                • v0.4.1
                • 56.80
                • Published

                free-style

                Make CSS easier and more maintainable by using JavaScript

                • v5.0.1
                • 56.30
                • Published

                sheetify-variables

                A sheetify transform to add support for W3C-style CSS variables syntax

                • v1.0.4
                • 55.82
                • Published

                dsgen

                Create your own design system using CSS variables

                • v0.4.1
                • 55.42
                • Published

                css-easing

                Easing variables for css

                • v2.1.0
                • 55.28
                • Published

                @itwin/itwinui-css

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

                • v2.5.0
                • 55.08
                • Published

                invert-css

                CLI tool to invert css variables in bulk

                • v1.0.6
                • 54.78
                • Published

                w1-system-font-validator

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

                • v2.0.4
                • 54.68
                • Published

                pixel-perfect

                A pixel perfect SCSS stylesheet. Spiced with themeable mixins, custom CSS variables and other cool stuff you can handpick from.

                • v2.0.26
                • 54.67
                • Published

                scry-css

                Suggestion engine for CSS variables and mixins

                • v0.4.2
                • 54.34
                • Published

                lyas.scss

                An elegant way to define your CSS variables in all their forms.

                • v1.0.2
                • 54.34
                • Published

                tailwindcss-var-generator

                A plugin for Tailwind CSS that generates CSS variables for all of the colors, sizes, and other styles defined in your Tailwind config. This allows you to use the styles from your Tailwind config directly in your CSS code.

                • v0.0.4
                • 54.09
                • Published

                ngx-themes

                Angular 7 dynamic themes made simple with native css variables

                • v0.0.4
                • 53.61
                • Published

                @fontsource/open-sans

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

                • v5.2.7
                • 53.42
                • Published

                use-css-dom

                React hook to read and convert CSS variables from the DOM

                  • v1.0.7
                  • 53.14
                  • 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
                  • 52.79
                  • 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.36
                  • 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.21
                  • Published

                  @fontsource/poppins

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

                  • v5.2.7
                  • 52.19
                  • Published

                  uglifycss

                  Port of YUI CSS Compressor to NodeJS

                  • v0.0.29
                  • 52.09
                  • Published

                  lyas

                  An elegant way to define your CSS variables in all their forms

                  • v1.0.5
                  • 51.90
                  • Published

                  pollen-css

                  Utility-first CSS for the future

                  • v5.0.2
                  • 51.85
                  • Published

                  @linaria/shaker

                  Blazing fast zero-runtime CSS in JS library

                  • v5.0.3
                  • 51.82
                  • Published

                  css-vars

                  Use CSS Custom Properties with Sass

                  • v2.4.0
                  • 50.45
                  • 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
                  • 50.44
                  • Published

                  css-variables-themes

                  A collection of base16 themes converted in css with support for css variables and prefer-colorscheme

                  • v1.1.2
                  • 50.38
                  • 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.36
                  • Published

                  csstype

                  Strict TypeScript and Flow types for style based on MDN data

                  • v3.1.3
                  • 49.30
                  • Published

                  @fontsource/montserrat

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

                  • v5.2.8
                  • 49.28
                  • Published

                  postcss-global-vars

                  PostCSS plugin to declare global variables, accepts some internal references

                  • v1.0.0
                  • 49.23
                  • Published

                  diff

                  A JavaScript text diff implementation.

                  • v8.0.2
                  • 49.11
                  • Published

                  icolors-vars

                  System-level Color System Css Variables, fast and happy to use it

                  • v0.0.9
                  • 48.98
                  • Published

                  react-js2css-theme

                  Converts JS theme object into CSS Variables on the fly to be consumed by your components

                  • v2.0.0
                  • 48.68
                  • Published

                  @stitches/core

                  The modern CSS-in-JS library

                  • v1.2.8
                  • 48.65
                  • Published

                  spinkit

                  A collection of loading indicators animated with CSS

                  • v2.0.1
                  • 48.55
                  • Published

                  tweakpane-css

                  Detect and tweak CSS variables at runtime.

                  • v2.3.0
                  • 48.55
                  • Published

                  css-select

                  a CSS selector compiler/engine

                  • v6.0.0
                  • 48.28
                  • Published

                  @fontsource/lato

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

                  • v5.2.7
                  • 48.17
                  • Published

                  mdn-data

                  Open Web data by the Mozilla Developer Network

                  • v2.24.0
                  • 48.15
                  • Published

                  @brix-ui/theme

                  Theme package providing light and dark modes as well as CSS/JS variables and helpers used in theming

                  • v2.2.2
                  • 48.12
                  • 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
                  • 48.10
                  • Published

                  cssesc

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

                  • v3.0.0
                  • 47.99
                  • Published

                  postcss-simple-vars-async

                  Alternative version of postcss-simple-vars that supports asynchronous loading of variables

                  • v1.2.1
                  • 47.78
                  • Published

                  @fontsource/fira-code

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

                  • v5.2.7
                  • 47.50
                  • Published

                  color

                  Color conversion and manipulation with CSS string support

                  • v5.0.2
                  • 47.46
                  • Published

                  the-themex-project

                  Themex aims to prevent a blank screen in your IDE and serves as a solid foundation for further development.

                  • v1.5.1
                  • 47.34
                  • Published

                  autoprefixer

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

                  • v10.4.21
                  • 47.15
                  • Published

                  grunt-unit-switch-spritesmith

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

                  • v0.0.1
                  • 47.11
                  • Published