JSPM

Found 28637 results for css variables

postcss-safe-area

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

  • v0.1.1
  • 130.09
  • Published

nice-css-variables

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

  • v1.0.5
  • 130.02
  • 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.78
  • Published

use-theme-editor

Zero configuration CSS variables based theme editor

  • v3.1.1
  • 120.57
  • 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.44
  • Published

scroll-padlock

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

  • v3.0.0
  • 116.21
  • 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.20
  • Published

@bulvar/bulma

Modern CSS framework based on Flexbox and CSS Variables

  • v0.11.24
  • 112.06
  • Published

string-extract-sass-vars

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

  • v4.0.33
  • 111.83
  • Published

@weser/theming

Utils for theming with CSS variables

  • v0.0.16
  • 111.06
  • Published

gray

Collection of grayscale variables for prototyping.

  • v0.0.6
  • 110.09
  • Published

less-easing

Easing variables for less

  • v1.0.3
  • 109.74
  • Published

kladenets

Future-proof native CSS variables in your :root

  • v1.1.3
  • 109.18
  • 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.14
  • Published

@vapor-ui/css-generator

Generate CSS variables for Vapor UI design system themes.

  • v1.0.0-beta.0
  • 101.04
  • 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.09
  • Published

@7span/shilp

CSS Framework Completely Customizable via CSS Variables

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

    metamorphosis

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

    • v0.6.1
    • 96.93
    • Published

    varvara-css

    CSS library of customizable UI components based on CSS Variables.

    • v0.8.0
    • 96.46
    • Published

    themepark

    Reactive CSS Variables

    • v2.2.0
    • 95.91
    • Published

    palettier

    Generate css variables and json from js

    • v2.0.0
    • 94.74
    • Published

    @nysds/styles

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

      • v1.10.0
      • 92.64
      • Published

      varsace

      TypeScript CSS variables

      • v0.2.1
      • 92.60
      • Published

      estilos-lib

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

        • v0.0.3
        • 92.29
        • 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.42
        • 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.49
          • 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.35
          • 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.53
          • Published

          gulp-vars

          CSS Variables

          • v0.1.6
          • 82.03
          • 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.79
          • Published

          material-colors

          Colors of Google's Material Design made available to coders

          • v1.2.6
          • 79.25
          • Published

          postcss-scss

          SCSS parser for PostCSS

          • v4.0.9
          • 77.62
          • Published

          easings.scss

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

          • v1.0.0
          • 77.02
          • Published

          @steffo/bluelib

          A stylesheet that supports fast dynamic recoloring via CSS variables

          • v9.2.1
          • 76.72
          • Published

          bourbon-bitters

          Scaffold styles, variables and structure for Bourbon projects.

          • v1.2.1
          • 76.69
          • Published

          less-colour

          Various colour palettes as less variables

            • v0.1.0
            • 76.43
            • Published

            postcss-shared-options

            PostCSS plugin Share variables between different css files with scope

            • v0.1.2
            • 76.19
            • Published

            postcss-var-optimize

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

            • v8.1.0
            • 71.30
            • 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.72
            • Published

            material-theme-creator

            Converting Angular Material themes to CSS Custom Properties (Variables)

            • v3.2.1
            • 69.79
            • 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.94
              • Published

              atomizify

              A JavaScript library generating atomic CSS classes and variables

              • v1.1.2
              • 67.26
              • 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.43
              • Published

              rework-variant

              Another take on variables in Rework.

              • v0.2.2
              • 65.16
              • 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.61
              • Published

              stylelint-less

              A collection of Less specific rules for stylelint

              • v3.0.1
              • 64.52
              • 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.21
              • Published

              @nodestrap/colors

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

              • v4.0.4
              • 64.20
              • Published

              @nodestrap/spacers

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

              • v4.0.2
              • 64.03
              • Published

              neu-ts-css-theming

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

              • v1.0.10
              • 63.86
              • 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
              • 63.48
              • 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.41
              • Published

              css-vars-design-token

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

              • v1.3.0-beta
              • 63.28
              • Published

              tachyons-colors

              Default CSS color variables for Tachyons

              • v5.3.3
              • 62.26
              • 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.63
              • 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.89
              • Published

              postcss-sorting

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

              • v9.1.0
              • 60.44
              • 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.89
              • Published

              @linaria/core

              Blazing fast zero-runtime CSS in JS library

              • v6.3.0
              • 59.46
              • 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

              @linaria/logger

              Blazing fast zero-runtime CSS in JS library

              • v5.0.0
              • 58.75
              • Published

              @linaria/utils

              Blazing fast zero-runtime CSS in JS library

              • v5.0.2
              • 58.72
              • Published

              @fontsource/roboto

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

              • v5.2.8
              • 57.83
              • Published

              @linaria/tags

              Blazing fast zero-runtime CSS in JS library

              • v5.0.2
              • 57.66
              • Published

              less

              Leaner CSS

              • v4.4.2
              • 57.35
              • 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.22
              • 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.68
              • Published

              sheetify-variables

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

              • v1.0.4
              • 55.54
              • Published

              css-easing

              Easing variables for css

              • v2.1.0
              • 55.49
              • Published

              free-style

              Make CSS easier and more maintainable by using JavaScript

              • v5.0.1
              • 55.22
              • Published

              dsgen

              Create your own design system using CSS variables

              • v0.4.1
              • 55.03
              • Published

              scry-css

              Suggestion engine for CSS variables and mixins

              • v0.4.2
              • 54.57
              • 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.45
              • Published

              w1-system-font-validator

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

              • v2.0.4
              • 54.43
              • Published

              less-plugin-css-george

              A plugin for Less to allow runtime manipulation of variables.

              • v2.1.0
              • 54.31
              • 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.77
              • 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

              use-css-dom

              React hook to read and convert CSS variables from the DOM

                • v1.0.7
                • 52.72
                • 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

                uglifycss

                Port of YUI CSS Compressor to NodeJS

                • v0.0.29
                • 52.35
                • Published

                pollen-css

                Utility-first CSS for the future

                • v5.0.2
                • 52.34
                • 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.57
                • 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.08
                • Published

                @linaria/shaker

                Blazing fast zero-runtime CSS in JS library

                • v5.0.3
                • 50.93
                • 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.10
                • 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.13
                • Published

                spinkit

                A collection of loading indicators animated with CSS

                • v2.0.1
                • 48.92
                • 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

                @fontsource/lato

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

                • v5.2.7
                • 48.56
                • Published

                react-js2css-theme

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

                • v2.0.0
                • 48.46
                • Published

                mdn-data

                Open Web data by the Mozilla Developer Network

                • v2.24.0
                • 48.25
                • Published

                tweakpane-css

                Detect and tweak CSS variables at runtime.

                • v2.3.0
                • 48.19
                • Published

                csstype

                Strict TypeScript and Flow types for style based on MDN data

                • v3.1.3
                • 48.02
                • Published

                @stitches/core

                The modern CSS-in-JS library

                • v1.2.8
                • 47.82
                • 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.73
                • 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.54
                • Published

                postcss-simple-vars-async

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

                • v1.2.1
                • 47.41
                • Published

                css-select

                a CSS selector compiler/engine

                • v6.0.0
                • 47.25
                • Published

                @diominvd/chromaflow

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

                • v1.1.3
                • 47.11
                • Published

                color-string

                Parser and generator for CSS color strings

                • v2.1.2
                • 47.10
                • Published

                cssesc

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

                • v3.0.0
                • 46.90
                • Published

                color

                Color conversion and manipulation with CSS string support

                • v5.0.2
                • 46.83
                • 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.73
                • Published

                @fontsource/fira-code

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

                • v5.2.7
                • 46.68
                • 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.52
                • 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.47
                • Published

                nth-check

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

                • v2.1.1
                • 46.41
                • Published

                css-loader

                css loader module for webpack

                • v7.1.2
                • 46.36
                • Published

                @fontsource/noto-sans

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

                • v5.2.10
                • 45.94
                • Published

                stylis-plugin-css-variables

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

                • v1.0.7
                • 45.88
                • Published

                icss-utils

                ICSS utils for postcss ast

                • v5.1.0
                • 45.85
                • Published

                nwsapi

                Fast CSS Selectors API Engine

                • v2.2.22
                • 45.82
                • 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.61
                • Published

                dom-helpers

                tiny modular DOM lib for ie9+

                • v6.0.1
                • 45.49
                • Published

                css.escape

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

                • v1.5.1
                • 45.49
                • Published

                csso

                CSS minifier with structural optimisations

                • v5.0.5
                • 45.33
                • Published

                clean-css

                A well-tested CSS minifier

                • v5.3.3
                • 45.32
                • Published

                postcss-js

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

                • v5.0.1
                • 45.17
                • Published

                html-minifier-terser

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

                • v7.2.0
                • 45.16
                • Published

                @fontsource/fira-mono

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

                • v5.2.7
                • 45.15
                • Published

                @fontsource/barlow

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

                • v5.2.8
                • 45.14
                • Published

                postcss-calc

                PostCSS plugin to reduce calc()

                • v10.1.1
                • 45.06
                • Published

                camelcase-css

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

                • v2.0.1
                • 45.06
                • Published