JSPM

Found 159 results for css-variables

@scalar/themes

the default CSS variables for all Scalar packages

  • v0.13.14
  • 72.99
  • 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
  • 53.61
  • Published

pinceau

Make your <script> lighter and your <style> smarter.

  • v0.18.10
  • 46.89
  • Published

pollen-css

Utility-first CSS for the future

  • v5.0.2
  • 46.61
  • Published

@shopify/shop-minis-react

React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)

  • v0.0.34
  • 45.06
  • Published

@maz-ui/themes

Theme system for Maz-UI with TypeScript support and CSS variables

  • v4.1.5
  • 42.47
  • Published

halfmoon

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

  • v2.0.2
  • 41.82
  • Published

@pixelforge-ui/core

Design tokens and theming utilities for PixelForge UI component library. A bold, brutalist design system with comprehensive tokens for colors, typography, spacing, and themes. Documentation: https://pixelforge-ui.github.io/pixelforge-ui/

  • v0.4.3
  • 38.01
  • Published

xinjs

path-based state management for web apps

  • v1.0.2
  • 37.43
  • Published

scroll-padlock

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

  • v3.0.0
  • 37.39
  • Published

@club-employes/utopia

🎨 Modern Vue 3 design system with multi-brand theming, design tokens, and 30+ components. Supports Club Employés & Gifteo brands with light/dark modes.

  • v2.16.0
  • 36.96
  • Published

tailwind-theme-preset

A Tailwind CSS plugin for unified theme management with automatic CSS variable generation, supporting multi-theme configurations and Shadcn/ui compatibility.

  • v0.0.15
  • 36.57
  • Published

@wix/css-property-parser

A comprehensive TypeScript library for parsing and serializing CSS property values with full MDN specification compliance

  • v1.28.0
  • 36.17
  • Published

@pixelforge-ui/react

Modern React component library with brutalist design elements, accessibility-first approach, and comprehensive theming support. Live docs: https://pixelforge-ui.github.io/pixelforge-ui/

  • v0.4.3
  • 35.30
  • Published

design-tokens-sync

Automated design token syncing between Figma Token Studio and your codebase with built-in analytics

  • v1.4.1
  • 35.30
  • Published

now-design-tokens

Design tokens for now-design (custom build system)

    • v1.0.10
    • 34.95
    • Published

    varvara-css

    CSS library of customizable UI components based on CSS Variables.

    • v0.8.0
    • 32.63
    • Published

    @angularui/theme

    ⚠️ DEPRECATED: This package has been rebranded to @slateui/theme. Please migrate to the new package. Modern Theme Management for Angular - A lightweight, feature-rich theme library with automatic dark mode detection, SSR support, and zero configuration re

    • v0.1.4
    • 32.40
    • Published

    @birhaus/tokens

    BIRHAUS Design Tokens - Colors, typography, spacing, and semantic tokens

      • v3.0.0
      • 30.92
      • Published

      website-theme-switcher

      A lightweight, framework-agnostic JavaScript library for seamless theme switching between light and dark modes

      • v1.3.2
      • 30.38
      • Published

      @uistate/core

      Revolutionary DOM-based state management using CSS custom properties - zero dependencies, potential O(1) updates

      • v4.1.2
      • 29.86
      • Published

      @widgli/colors

      Professional color palette system for Widgli design system

      • v0.2.0
      • 29.81
      • 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
      • 29.72
      • Published

      @widgli/themes

      Professional design system themes and CSS utilities for Widgli

      • v0.2.0
      • 28.50
      • Published

      beathers

      Beather is a lightweight SCSS library that serves as a comprehensive design system for your projects. It offers a structured and consistent approach to manage colors, fonts, and other design related variables, making it easier to maintain a cohesive visua

      • v5.6.1
      • 27.92
      • Published

      @aahrbitx/arc-it

      Arc-it.js - Modern React theming library with CSS variables and Tailwind CSS support

      • v1.1.0
      • 27.57
      • Published

      @asafarim/react-themes

      A comprehensive theme management system for React applications with automatic dark/light mode detection, custom theme creation, and smooth transitions.

      • v1.6.1
      • 27.03
      • Published

      postcss-rename-tw-vars

      PostCSS plugin to rename Tailwind CSS custom properties (e.g. --tw-*) with a configurable prefix.

        • v1.0.1
        • 26.47
        • Published

        data-grid-selector

        🚧 A lightweight, framework-agnostic web component for interactive boolean data visualization with click and drag selection

        • v0.7.0
        • 25.40
        • Published

        to-css-variables

        A utility function to convert nested objects into CSS variable declarations.

        • v1.2.0
        • 25.32
        • Published

        oklch-palette

        Generate 12-step OKLCH palettes from a seed color. Exports CSS variables and a Tailwind preset with accessible scales.

        • v0.1.1
        • 25.26
        • Published

        @logstack/eon

        A refined collection of neutral tones with subtle accents for modern UI design.

        • v1.0.2
        • 25.14
        • Published

        postcss-theme-tokens

        PostCSS plugin to generate CSS variables from theme configs with color formatting and color-scheme support

        • v1.0.1
        • 24.93
        • Published

        use-css-variable

        A pretty custom hooks for css variable and react

        • v0.2.0
        • 24.90
        • Published

        designers-core

        Core design tokens and utilities for Designers design system

          • v3.0.0
          • 24.32
          • Published

          @integrantlabs/design-tokens

          Design tokens for Integrant AI component libraries - colors, typography, spacing, and theming

          • v0.1.0
          • 23.75
          • Published

          @atomic-design/design-tokens

          A minimal, semantic SCSS tokens library for atomic design systems—providing a standardized, override‑friendly set of color, spacing, typography, border, shadow, breakpoint, size and z‑index tokens to kickstart any project.

            • v0.1.3
            • 22.14
            • Published

            @jsoncss/cli

            CLI for JsonCSS - transforms JSON design tokens into CSS Variables

              • v0.1.0
              • 22.14
              • Published

              @slateui/theme

              Modern Theme Management for Angular - A lightweight, feature-rich theme library with automatic dark mode detection, SSR support, and zero configuration required.

              • v1.0.0
              • 22.05
              • Published

              @anthonybir/birhaus-tokens

              BIRHAUS Design Tokens - Colors, typography, spacing, and semantic tokens

                • v0.2.0
                • 21.87
                • Published

                stylis-plugin-css-variables

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

                • v1.0.7
                • 21.80
                • Published

                @jsoncss/core

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

                  • v0.1.0
                  • 21.64
                  • Published

                  @delvui/tokens

                  DelVui Design Tokens - Colors, Typography, Spacing, and More

                  • v1.0.0
                  • 21.61
                  • Published

                  zaogai-ui

                  ZG UI 组件库 - 基于 Vue 3 + CSS 变量体系 + 主题系统

                  • v4.1.1
                  • 21.48
                  • Published

                  yukesh-color-picker

                  A plug-and-play reusable color picker using Pickr and CSS variables

                    • v1.0.0
                    • 21.09
                    • 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
                    • 20.78
                    • Published

                    tailwind-theme-variants

                    A Tailwind CSS plugin for theme variants with CSS custom properties support

                    • v0.1.0
                    • 20.61
                    • Published

                    mojocss

                    The Atomic CSS Framework for crafting gorgeous UIs without shipping any CSS.

                    • v0.2.0
                    • 20.53
                    • Published

                    rharuow-ds

                    Modern React Design System with 8 components: Button, Input (with password support), Textarea, Select, AsyncSelect, MultiSelect, MultiAsyncSelect, and RadioGroup. Full React Hook Form integration, Tailwind CSS styling, and CSS Variables for theme customiz

                    • v1.0.15
                    • 20.17
                    • Published

                    @whitemordred/react-native-bootstrap5

                    A complete React Native library that replicates Bootstrap 5.3 with 100% feature parity, full theming support, CSS variables, and dark/light mode

                    • v2.0.1
                    • 18.10
                    • 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
                    • 18.00
                    • Published

                    tosijs

                    path-based state management for web apps

                    • v1.0.3
                    • 16.81
                    • Published

                    now-design-theme

                    Theme provider and utilities for Now Design System

                      • v1.0.5
                      • 16.58
                      • Published

                      @uinamic/colors

                      CSS color token generator centered on HSL lightness (HSL 기반 명도 중심 CSS 색상 토큰 생성기)

                      • v0.2.4
                      • 16.45
                      • Published

                      brixi

                      A lightweight highly configurable utility-first CSS framework.

                      • v0.8.0
                      • 15.91
                      • Published

                      @ronas-it/figma-export

                      A CLI utility for exporting data from Ronas IT Figma designs for frontend use

                      • v0.1.3
                      • 15.55
                      • Published

                      alku

                      Opinionated classless CSS with HTML attribute utilities

                      • v1.0.1
                      • 15.43
                      • Published

                      snes.css

                      A retro-themed CSS framework inspired by the aesthetics of 16bit consoles

                      • v1.0.1
                      • 14.99
                      • Published

                      fluid-clamp

                      PostCSS plugin for fluid typography with first-class Tailwind CSS support

                      • v1.0.2
                      • 14.58
                      • Published

                      snack-helper

                      A universal CSS helper library.

                      • v2.2.0
                      • 14.40
                      • Published

                      css-theming

                      A platform for CSS theming.

                      • v2.0.0
                      • 14.40
                      • Published

                      @cherrywind/postcss

                      A collection of PostCSS plugins for modern CSS development.

                      • v0.0.5-alpha.2
                      • 14.28
                      • Published

                      @b1dr/themescura

                      A design system and theme engine toolkit

                        • v0.2.0-alpha-2
                        • 14.15
                        • Published

                        smartopt-ui

                        Modern React UI component library with scoped CSS and CSS variables

                        • v1.0.8
                        • 13.99
                        • Published

                        ppods-mini

                        A minimal design system with atomic tokens and theming. AI-friendly with comprehensive usage instructions.

                        • v1.0.3
                        • 13.99
                        • Published

                        hb-vue-theme

                        Custom PrimeVue 4 theme with 'hb' prefix using design tokens and PrimeFlex

                        • v1.0.8
                        • 13.67
                        • Published

                        design-token-inspector

                        UI components built for inspecting design tokens in a live application

                        • v0.0.9
                        • 12.86
                        • Published

                        appclipse

                        Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools

                        • v1.1.2
                        • 12.56
                        • Published

                        fullmooncss

                        Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools

                        • v0.0.2
                        • 12.20
                        • Published

                        invert-css

                        CLI tool to invert css variables in bulk

                        • v1.0.6
                        • 12.20
                        • Published

                        fiko

                        ## IMPORT IT FROM NPM. LINK IT. BOOM. DONE!

                        • v0.17.0
                        • 12.16
                        • Published

                        tw-variables

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

                        • v3.3.2
                        • 12.07
                        • Published

                        onecss

                        No bullshit CSS helpers, resets & utilities focused on simplicity.

                        • v1.0.0
                        • 11.82
                        • Published

                        css-color-to-rgb

                        A utility library to convert CSS color values into an RGB array and hex code. Supports CSS color names, hex values, RGB, HSL, CSS variables and modern CSS color functions such as color-mix() and color().

                        • v1.0.1
                        • 11.14
                        • Published

                        halfmoon-refined

                        Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools

                        • v1.1.4
                        • 10.76
                        • Published

                        @root-axis/design-tokens

                        A minimalistic set of design tokens for consistent UI elements in CSS, SCSS, JavaScript, TypeScript, and JSON

                        • v1.0.2
                        • 10.42
                        • Published

                        colorupjs

                        A modern, lightweight, and comprehensive color utility library for JavaScript/TypeScript with advanced palette generation and WCAG accessibility tools.

                        • v1.0.0
                        • 9.91
                        • Published

                        pixel-perfect-css

                        Pixel Perfect CSS is a powerful utility package designed to streamline the creation of visually appealing and responsive web application. With a focus on modern UI/UX principles, Pixel Perfect CSS provides a comprehensive set of CSS utilities to enhance y

                        • v3.0.1
                        • 9.91
                        • Published

                        dynamic-color-generator

                        A simple utility that generates dynamic color schemes, either randomly or based on a base RGB color. It automatically sets CSS variables, allowing your web application to have a fresh, unique look each time it loads, with either custom or default color sc

                        • v1.0.3
                        • 9.67
                        • Published

                        figma-design-tokens

                        Gets styles from a figma project. Will return a typescript file with your defined styles from figma

                        • v1.10.4
                        • 9.58
                        • Published

                        ez-tip

                        A lightweight, zero-dependency JavaScript tooltip library that uses CSS custom properties for full styling flexibility. Tooltips can be triggered on hover or displayed permanently, with configurable delay, offset, and positioning.

                        • v0.1.2
                        • 9.44
                        • Published

                        @rfkit/theme

                        A flexible light/dark theme switching library supporting custom theme configuration, dynamic switching, and responsive design

                          • v0.1.16
                          • 8.79
                          • Published

                          postcss-only-vars

                          PostCSS plugin to only export CSS variable declarations

                          • v1.0.0
                          • 8.74
                          • Published

                          ng-halfmoon

                          Angular Library to build upon the halfmoon-framework

                          • v0.4.0
                          • 8.74
                          • Published

                          design-token-manager

                          Zero-dependency design token transformer with theme variants and watch mode

                          • v1.0.2
                          • 8.60
                          • Published

                          @magic-spells/scroll-progress

                          High-performance scroll progress web component with configurable playhead anchors and optimized animations.

                          • v0.1.0
                          • 8.60
                          • Published

                          bf-tokens

                          CSS design tokens for Brad Frost Web Design

                          • v0.1.0
                          • 8.25
                          • Published

                          lit-css-var

                          A decorator to bind element property to a css variable.

                          • v1.0.3
                          • 7.54
                          • Published

                          themeshift

                          A lightweight, customizable dark mode and theme toggler for React applications

                          • v1.0.1
                          • 7.35
                          • Published

                          @smtv/design-tokens

                          Design tokens for SMTV component library and TV app prototype

                          • v1.0.3
                          • 7.35
                          • Published

                          themeizer

                          Package for embedding themes from "Themeizer" Figma plugin at the server level or at build stage

                          • v1.1.2
                          • 6.61
                          • Published

                          tiny-isprite

                          Lightweight React component for using SVG sprites with Next.js, Vite and Turbopack.

                          • v2.0.3
                          • 6.54
                          • Published

                          @ferdifighter/ng-multiselect

                          Eine flexible Angular Multiselect-Komponente mit Gruppierungsfunktion und anpassbarem Styling

                          • v1.2.0
                          • 5.68
                          • Published

                          css-vars-to-ts

                          Convert CSS variables to TypeScript

                          • v0.0.2
                          • 5.51
                          • Published

                          dynamo-css

                          Make your css variables more dynamic and relative with dynamo-css!

                          • v0.2.1
                          • 5.38
                          • Published

                          @readyapi/themes

                          the default CSS variables for all Readyapi packages

                          • v0.0.1
                          • 5.36
                          • Published

                          @nova-design-systems/tokens

                          Nova Design System foundation tokens for colors, typography, spacing, and borders

                          • v1.0.2
                          • 5.33
                          • Published

                          relaxcss

                          A Tailwind-like JIT CSS engine and PostCSS plugin with plugin system, variants, dark mode, RTL, and CSS variable support.

                          • v1.0.1
                          • 5.33
                          • Published

                          hd-css-to-variable

                          一个用于扫描CSS/SCSS文件并将指定属性值提取为全局CSS变量的工具

                          • v1.3.7
                          • 5.33
                          • Published

                          @sashkhen/shu-ui

                          UI kit to be used in various projects

                          • v1.1.1
                          • 5.33
                          • Published

                          postcss-implicit-var

                          PostCSS plugin that places `var()` around variable references

                          • v0.0.1
                          • 4.30
                          • Published

                          styled-framework

                          Build your own dynamic CSS language for both react and react native. By building variables and custom css attributes no need for unnecessary components or properties. It's fun, easy, extendable and powered by styled components.

                          • v1.0.3
                          • 4.17
                          • Published

                          tunio-colors

                          Softer and pleasant colors for Tailwind CSS v4.0+

                            • v2.0.0
                            • 4.16
                            • Published

                            @ldktech/your-ui

                            Welcome to Your UI Library! This library provides a headless design system that allows you to fully customize the design and styling with ease using CSS variables. Build beautiful and consistent user interfaces quickly and efficiently with our collection

                              • v2.0.0
                              • 4.13
                              • Published

                              illuminate-ui

                              Illuminate Front-End Framework

                              • v1.0.20
                              • 4.07
                              • Published

                              themeizer-cli

                              A cli tool to automatically replace published (by "Themeizer" plugin) colors in style files with a css variable

                              • v0.3.4
                              • 4.07
                              • Published

                              csvars

                              CSS variable suggestions while you code

                              • v0.0.4
                              • 4.05
                              • Published

                              varss

                              A scss library for working with css variables

                              • v0.0.5
                              • 4.05
                              • Published

                              dynamic-theme-switcher

                              A lightweight library for dynamically switching themes using CSS variables.

                              • v1.0.2
                              • 4.03
                              • Published

                              react-theme-kit

                              A lightweight and flexible theme management system for React applications

                              • v0.1.2
                              • 2.51
                              • Published

                              tailwind-dynamic-theme

                              Runtime Tailwind theme manager for React – switch dark/light/custom themes dynamically with no rebuilds

                                • v1.0.0
                                • 2.51
                                • Published

                                @xiaoyimi/css-variables

                                Simple and easy-to-use CSS variable toolkit without any plugin dependencies

                                • v0.0.3
                                • 2.44
                                • Published

                                next-theme-handler

                                A lightweight theme switcher for React with system preference detection

                                • v1.0.0
                                • 2.44
                                • Published

                                swatcher

                                CSS color variables

                                • v0.0.0
                                • 2.44
                                • Published

                                react-theme-lib

                                Simple react theming library with prefers-color-scheme media support

                                • v1.0.3
                                • 2.44
                                • Published

                                nextgen-css-framework

                                A modern, lightweight, and flexible CSS framework for next-generation websites

                                • v1.0.1
                                • 2.41
                                • Published

                                halfmoon-fix

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

                                • v2.0.2
                                • 2.36
                                • Published

                                varbq

                                Generate CSS and JS variables from a JSON file

                                • v1.0.12
                                • 0.00
                                • Published

                                @magic-spells/scroll-velocity

                                High-performance scroll velocity tracker with physics-based friction and CSS variable output for velocity-driven animations.

                                • v0.1.0
                                • 0.00
                                • Published

                                next-themeizer

                                Package for adding "Themeizer" ecosystem interaction configuration to your next.js application

                                • v0.2.2
                                • 0.00
                                • Published

                                newmoon

                                Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools

                                • v2.0.0-alpha2
                                • 0.00
                                • Published

                                @yokgs/dyescript-light

                                Command Line Interface of lightweight (& pre-published) version of @yokgs/DyeScript

                                • v0.2.0
                                • 0.00
                                • Published

                                @fakhrirafiki/theme-engine

                                Elegant theming system with smooth transitions, custom presets, and complete shadcn/ui support for modern React applications

                                • v0.1.2
                                • 0.00
                                • Published