JSPM

Found 28636 results for css variables

grunt-spritesmith

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

  • v6.10.0
  • 161.63
  • Published

easings-css

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

  • v2.1.1
  • 161.50
  • Published

photon-colors

Color variables for Firefox and related properties.

  • v3.3.2
  • 161.23
  • Published

postcss-jit-props

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

  • v1.0.16
  • 155.91
  • Published

custom-property-extract

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

  • v1.2.1
  • 154.04
  • Published

theme-change

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

  • v2.5.0
  • 147.51
  • Published

react-custom-properties

A React component for applying CSS Variables (Custom Properties)

  • v1.2.0
  • 146.90
  • Published

arui-cssvars

Helper for arui-feather css variables

  • v1.2.0
  • 146.20
  • 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
  • 142.40
  • Published

css-variable

define CSS custom properties (variables) in JS

  • v7.0.0
  • 142.21
  • Published

ceaser-easing

sass variables for CSS3 easing equations Edit

  • v1.0.1
  • 136.06
  • Published

@beydesign/tokens

BeyDesign System Tokens - CSS variables generated from Figma design tokens

    • v0.0.7
    • 135.37
    • Published

    kf-tailwind

    Tailwind 4 variables and styles.

    • v1.6.1
    • 135.01
    • Published

    postcss-safe-area

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

    • v0.1.1
    • 130.06
    • Published

    nice-css-variables

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

    • v1.0.5
    • 130.05
    • Published

    halfmoon

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

    • v2.0.2
    • 129.84
    • Published

    postcss-export-vars

    PostCSS plugin to export variables as JS constants or JSON.

    • v0.2.0
    • 120.75
    • Published

    use-theme-editor

    Zero configuration CSS variables based theme editor

    • v3.1.1
    • 120.55
    • 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
    • 120.42
    • Published

    scroll-padlock

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

    • v3.0.0
    • 116.19
    • Published

    postcss-at-rules-variables

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

    • v0.3.0
    • 116.16
    • Published

    postcss-import-json

    PostCSS plugin to import variables from JSON file

    • v1.0.0
    • 115.88
    • Published

    awesome-sass-easing

    Some useful variables for easing animations using SASS.

    • v1.1.2
    • 112.35
    • Published

    css-vars-from-json

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

    • v1.1.0
    • 112.18
    • Published

    @bulvar/bulma

    Modern CSS framework based on Flexbox and CSS Variables

    • v0.11.24
    • 112.05
    • Published

    @weser/theming

    Utils for theming with CSS variables

    • v0.0.16
    • 111.81
    • Published

    string-extract-sass-vars

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

    • v4.0.33
    • 111.81
    • Published

    gray

    Collection of grayscale variables for prototyping.

    • v0.0.6
    • 109.83
    • Published

    less-easing

    Easing variables for less

    • v1.0.3
    • 109.72
    • Published

    kladenets

    Future-proof native CSS variables in your :root

    • v1.1.3
    • 109.16
    • Published

    postcss-colorfix

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

    • v0.0.5
    • 105.87
    • 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
    • 103.11
    • Published

    postcss-theme-ui

    PostCSS plugin for accessing Theme UI variables

    • v0.10.0
    • 102.16
    • Published

    @vapor-ui/css-generator

    Generate CSS variables for Vapor UI design system themes.

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

    @cssfn/css-config

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

    • v4.0.1
    • 100.74
    • Published

    modulist-vars

    CSS variables to use in components

    • v0.1.22
    • 100.07
    • Published

    @7span/shilp

    CSS Framework Completely Customizable via CSS Variables

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

      metamorphosis

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

      • v0.6.1
      • 97.76
      • Published

      varvara-css

      CSS library of customizable UI components based on CSS Variables.

      • v0.8.0
      • 96.44
      • Published

      themepark

      Reactive CSS Variables

      • v2.2.0
      • 95.92
      • Published

      palettier

      Generate css variables and json from js

      • v2.0.0
      • 94.75
      • Published

      @nysds/styles

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

        • v1.10.0
        • 92.63
        • Published

        varsace

        TypeScript CSS variables

        • v0.2.1
        • 92.59
        • Published

        estilos-lib

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

          • v0.0.3
          • 92.28
          • 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
          • 90.74
          • Published

          tailwind-vars

          Use a subset of Tailwind default theme as CSS variables

          • v0.1.6
          • 90.41
          • 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
            • 90.31
            • Published

            postcss

            Tool for transforming styles with JS plugins

            • v8.5.6
            • 88.27
            • Published

            @cssfn/css-vars

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

            • v4.0.0
            • 87.36
            • 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
            • 87.02
            • 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
            • 83.54
            • Published

            gulp-vars

            CSS Variables

            • v0.1.6
            • 82.03
            • Published

            material-colors

            Colors of Google's Material Design made available to coders

            • v1.2.6
            • 79.24
            • Published

            postcss-scss

            SCSS parser for PostCSS

            • v4.0.9
            • 77.63
            • Published

            easings.scss

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

            • v1.0.0
            • 77.03
            • Published

            @steffo/bluelib

            A stylesheet that supports fast dynamic recoloring via CSS variables

            • v9.2.1
            • 76.71
            • Published

            bourbon-bitters

            Scaffold styles, variables and structure for Bourbon projects.

            • v1.2.1
            • 76.68
            • Published

            less-colour

            Various colour palettes as less variables

              • v0.1.0
              • 76.45
              • Published

              postcss-shared-options

              PostCSS plugin Share variables between different css files with scope

              • v0.1.2
              • 76.18
              • Published

              postcss-var-optimize

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

              • v8.1.0
              • 71.31
              • Published

              @auth0/styleguide-core

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

              • v3.0.0
              • 71.01
              • Published

              css-toolchain

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

              • v0.0.12
              • 70.75
              • Published

              double-dash.scss

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

              • v1.0.0
              • 70.71
              • Published

              material-theme-creator

              Converting Angular Material themes to CSS Custom Properties (Variables)

              • v3.2.1
              • 69.80
              • Published

              @appsweet-co/spock-css

              Lightweight CSS utilities using logical properties and CSS variables

                • v0.7.0
                • 68.49
                • Published

                postcss-nested

                PostCSS plugin to unwrap nested rules like how Sass does it

                • v7.0.2
                • 67.95
                • Published

                atomizify

                A JavaScript library generating atomic CSS classes and variables

                • v1.1.2
                • 67.28
                • Published

                vite-plugin-atomizer

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

                • v0.2.3
                • 66.91
                • 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.44
                • Published

                rework-variant

                Another take on variables in Rework.

                • v0.2.2
                • 65.17
                • 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.60
                • Published

                stylelint-less

                A collection of Less specific rules for stylelint

                • v3.0.1
                • 64.53
                • Published

                @reusable-ui/colors

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

                • v6.5.0
                • 64.51
                • Published

                @plangrid/paint

                Color codes, classes, and variables

                • v0.34.1
                • 64.20
                • Published

                @nodestrap/colors

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

                • v4.0.4
                • 64.19
                • 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
                • 64.03
                • Published

                @nodestrap/spacers

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

                • v4.0.2
                • 64.02
                • 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.88
                • Published

                neu-ts-css-theming

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

                • v1.0.10
                • 63.86
                • Published

                css-vars-design-token

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

                • v1.3.0-beta
                • 63.28
                • 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
                • 61.62
                • Published

                tachyons-colors

                Default CSS color variables for Tachyons

                • v5.3.3
                • 61.22
                • Published

                postcss-sass

                A Sass parser for PostCSS, using gonzales-pe.

                • v0.5.0
                • 61.18
                • Published

                modular-scale-css

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

                • v1.0.1
                • 60.90
                • Published

                postcss-sorting

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

                • v9.1.0
                • 60.46
                • Published

                @reusable-ui/spacers

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

                • v6.5.0
                • 60.36
                • Published

                @reusable-ui/borders

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

                • v6.5.0
                • 59.90
                • Published

                @linaria/core

                Blazing fast zero-runtime CSS in JS library

                • v6.3.0
                • 59.47
                • Published

                @linaria/logger

                Blazing fast zero-runtime CSS in JS library

                • v5.0.0
                • 59.21
                • Published

                @linaria/utils

                Blazing fast zero-runtime CSS in JS library

                • v5.0.2
                • 59.18
                • Published

                @nodestrap/borders

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

                • v4.0.3
                • 58.85
                • 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
                • 58.84
                • Published

                @fontsource/roboto

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

                • v5.2.8
                • 58.24
                • Published

                @linaria/tags

                Blazing fast zero-runtime CSS in JS library

                • v5.0.2
                • 57.66
                • Published

                less

                Leaner CSS

                • v4.4.2
                • 57.38
                • Published

                @linaria/react

                Blazing fast zero-runtime CSS in JS library

                • v6.3.0
                • 57.30
                • Published

                @fontsource/inter

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

                • v5.2.8
                • 56.23
                • Published

                css-global-properties

                Framework agnostic management for CSS properties (variables)

                • v0.4.1
                • 56.22
                • 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
                • 55.67
                • Published

                sheetify-variables

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

                • v1.0.4
                • 55.55
                • Published

                free-style

                Make CSS easier and more maintainable by using JavaScript

                • v5.0.1
                • 55.24
                • Published

                dsgen

                Create your own design system using CSS variables

                • v0.4.1
                • 55.02
                • Published

                invert-css

                CLI tool to invert css variables in bulk

                • v1.0.6
                • 54.56
                • Published

                @itwin/itwinui-css

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

                • v2.5.0
                • 54.44
                • Published

                w1-system-font-validator

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

                • v2.0.4
                • 54.44
                • Published

                less-plugin-css-george

                A plugin for Less to allow runtime manipulation of variables.

                • v2.1.0
                • 54.30
                • 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
                • 53.76
                • Published

                ngx-themes

                Angular 7 dynamic themes made simple with native css variables

                • v0.0.4
                • 53.02
                • Published

                @fontsource/open-sans

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

                • v5.2.7
                • 52.78
                • Published

                uglifycss

                Port of YUI CSS Compressor to NodeJS

                • v0.0.29
                • 52.75
                • Published

                use-css-dom

                React hook to read and convert CSS variables from the DOM

                  • v1.0.7
                  • 52.71
                  • 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.39
                  • Published

                  pollen-css

                  Utility-first CSS for the future

                  • v5.0.2
                  • 52.33
                  • 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
                  • 51.79
                  • Published

                  @fontsource/poppins

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

                  • v5.2.7
                  • 51.68
                  • Published

                  lyas

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

                  • v1.0.5
                  • 51.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
                  • 51.09
                  • Published

                  scry-css

                  Suggestion engine for CSS variables and mixins

                  • v0.4.2
                  • 50.94
                  • Published

                  @linaria/shaker

                  Blazing fast zero-runtime CSS in JS library

                  • v5.0.3
                  • 50.94
                  • Published

                  lyas.scss

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

                  • v1.0.2
                  • 50.64
                  • 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.17
                  • Published

                  css-variables-themes

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

                  • v1.1.2
                  • 50.11
                  • Published

                  css-vars

                  Use CSS Custom Properties with Sass

                  • v2.4.0
                  • 50.01
                  • 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
                  • 49.75
                  • Published

                  diff

                  A JavaScript text diff implementation.

                  • v8.0.2
                  • 49.16
                  • Published

                  spinkit

                  A collection of loading indicators animated with CSS

                  • v2.0.1
                  • 48.92
                  • Published

                  @fontsource/lato

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

                  • v5.2.7
                  • 48.90
                  • Published

                  @fontsource/montserrat

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

                  • v5.2.8
                  • 48.89
                  • Published

                  icolors-vars

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

                  • v0.0.9
                  • 48.60
                  • Published

                  react-js2css-theme

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

                  • v2.0.0
                  • 48.47
                  • Published

                  mdn-data

                  Open Web data by the Mozilla Developer Network

                  • v2.24.0
                  • 48.28
                  • Published

                  tweakpane-css

                  Detect and tweak CSS variables at runtime.

                  • v2.3.0
                  • 48.18
                  • Published

                  csstype

                  Strict TypeScript and Flow types for style based on MDN data

                  • v3.1.3
                  • 48.05
                  • Published

                  @stitches/core

                  The modern CSS-in-JS library

                  • v1.2.8
                  • 47.84
                  • 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
                  • 47.72
                  • 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.55
                  • Published

                  @diominvd/chromaflow

                  A lightweight and simple package for dynamically managing CSS variables in a project.

                  • v1.1.3
                  • 47.48
                  • Published

                  postcss-simple-vars-async

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

                  • v1.2.1
                  • 47.40
                  • Published

                  css-select

                  a CSS selector compiler/engine

                  • v6.0.0
                  • 47.29
                  • Published

                  color-string

                  Parser and generator for CSS color strings

                  • v2.1.2
                  • 47.13
                  • Published

                  cssesc

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

                  • v3.0.0
                  • 46.94
                  • Published

                  color

                  Color conversion and manipulation with CSS string support

                  • v5.0.2
                  • 46.84
                  • Published

                  grunt-unit-switch-spritesmith

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

                  • v0.0.1
                  • 46.77
                  • 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
                  • 46.72
                  • Published

                  @fontsource/fira-code

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

                  • v5.2.7
                  • 46.69
                  • Published

                  buefy

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

                  • v3.0.3
                  • 46.56
                  • Published

                  autoprefixer

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

                  • v10.4.21
                  • 46.54
                  • Published

                  json2fontcss

                  Converter from JSON to font variables for CSS

                  • v0.2.1
                  • 46.48
                  • Published

                  css-render

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

                  • v0.15.14
                  • 46.48
                  • Published

                  nth-check

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

                  • v2.1.1
                  • 46.42
                  • Published

                  css-loader

                  css loader module for webpack

                  • v7.1.2
                  • 46.38
                  • Published

                  stylis-plugin-css-variables

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

                  • v1.0.7
                  • 46.12
                  • Published

                  icss-utils

                  ICSS utils for postcss ast

                  • v5.1.0
                  • 46.05
                  • Published

                  @fontsource/noto-sans

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

                  • v5.2.10
                  • 45.96
                  • Published

                  nwsapi

                  Fast CSS Selectors API Engine

                  • v2.2.22
                  • 45.83
                  • Published

                  @brikcss/spacing

                  Spacing component to make creating spacing variables and classes in CSS easier.

                  • v0.0.1
                  • 45.68
                  • Published

                  postcss-modules-values

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

                  • v4.0.0
                  • 45.63
                  • Published

                  css.escape

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

                  • v1.5.1
                  • 45.52
                  • Published