JSPM

Found 99 results for css-variables

@scalar/themes

the default CSS variables for all Scalar packages

  • v0.12.1
  • 72.58
  • 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
  • 54.29
  • Published

pinceau

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

  • v0.18.10
  • 49.18
  • Published

pollen-css

Utility-first CSS for the future

  • v5.0.2
  • 45.98
  • Published

@uinamic/colors

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

  • v0.2.4
  • 42.70
  • Published

scroll-padlock

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

  • v3.0.0
  • 40.39
  • Published

@bcc-code/design-tokens

Design tokens package with light/dark themes for PrimeVue, WordPress, and vanilla HTML/JS.

    • v1.0.21
    • 38.94
    • Published

    halfmoon

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

    • v2.0.2
    • 37.65
    • Published

    xinjs

    path-based state management for web apps

    • v0.9.0
    • 37.38
    • Published

    @rfkit/theme

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

      • v0.1.16
      • 35.73
      • Published

      tiny-isprite

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

      • v2.0.3
      • 34.15
      • Published

      varvara-css

      CSS library of customizable UI components based on CSS Variables.

      • v0.7.2
      • 31.92
      • Published

      use-css-variable

      A pretty custom hooks for css variable and react

      • v0.2.0
      • 31.90
      • Published

      @cherrywind/postcss

      A collection of PostCSS plugins for modern CSS development.

      • v0.0.2-alpha.2
      • 30.75
      • 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
      • 30.32
      • Published

      brixi

      A lightweight highly configurable utility-first CSS framework.

      • v0.8.0
      • 27.94
      • Published

      to-css-variables

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

      • v1.2.0
      • 27.77
      • 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
      • 27.44
      • Published

      @smtv/design-tokens

      Design tokens for SMTV component library and TV app prototype

      • v1.0.3
      • 27.40
      • Published

      hd-css-to-variable

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

      • v1.3.7
      • 25.68
      • Published

      mojocss

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

      • v0.2.0
      • 25.35
      • Published

      alku

      Opinionated classless CSS with HTML attribute utilities

      • v1.0.1
      • 24.69
      • Published

      fiko

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

      • v0.17.0
      • 24.54
      • Published

      snack-helper

      A universal CSS helper library.

      • v2.2.0
      • 22.08
      • Published

      snes.css

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

      • v1.0.1
      • 21.63
      • 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
      • 21.44
      • 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
      • 20.95
      • Published

      tailwind-dynamic-theme

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

        • v1.0.0
        • 20.09
        • Published

        css-theming

        A platform for CSS theming.

        • v2.0.0
        • 19.87
        • Published

        figma-design-tokens

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

        • v1.10.4
        • 18.92
        • 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
        • 18.32
        • Published

        ng-halfmoon

        Angular Library to build upon the halfmoon-framework

        • v0.4.0
        • 17.96
        • 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.0
        • 17.69
        • Published

        @nova-design-systems/tokens

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

        • v1.0.2
        • 17.57
        • Published

        invert-css

        CLI tool to invert css variables in bulk

        • v1.0.6
        • 16.68
        • Published

        tw-variables

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

        • v3.3.2
        • 16.65
        • 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
        • 16.50
        • Published

        illuminate-ui

        Illuminate Front-End Framework

        • v1.0.20
        • 15.66
        • Published

        dynamo-css

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

        • v0.2.1
        • 15.43
        • Published

        @sashkhen/shu-ui

        UI kit to be used in various projects

        • v1.1.1
        • 15.20
        • Published

        @xypnox/themescura

        A design system and theme engine toolkit

          • v0.1.2
          • 15.20
          • 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
          • 15.20
          • Published

          postcss-implicit-var

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

          • v0.0.1
          • 15.08
          • Published

          nextgen-css-framework

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

          • v1.0.1
          • 14.95
          • 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
          • 14.89
          • Published

          varbq

          Generate CSS and JS variables from a JSON file

          • v1.0.12
          • 14.85
          • Published

          fluid-clamp

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

          • v1.0.2
          • 14.17
          • Published

          themeshift

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

          • v1.0.1
          • 14.15
          • Published

          dynamic-theme-switcher

          A lightweight library for dynamically switching themes using CSS variables.

          • v1.0.2
          • 13.93
          • Published

          stylis-plugin-css-variables

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

          • v1.0.7
          • 13.93
          • Published

          @xiaoyimi/css-variables

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

          • v0.0.3
          • 13.83
          • Published

          tailwindcss-root-variables

          A Tailwind CSS plugin for defining custom CSS variables to use across your stylesheet.

          • v1.0.1
          • 13.78
          • Published

          next-themeizer

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

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

            themeizer

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

            • v1.1.2
            • 12.68
            • Published

            @readyapi/themes

            the default CSS variables for all Readyapi packages

            • v0.0.1
            • 12.58
            • Published

            @root-axis/design-tokens

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

            • v1.0.1
            • 12.33
            • Published

            varss

            A scss library for working with css variables

            • v0.0.5
            • 12.15
            • Published

            react-theme-lib

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

            • v1.0.3
            • 12.09
            • Published

            @yokgs/dyescript-light

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

            • v0.2.0
            • 12.09
            • 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
            • 11.78
            • Published

            themeizer-cli

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

            • v0.3.4
            • 11.71
            • 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
            • 11.63
            • Published

            halfmoon-fix

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

            • v2.0.2
            • 11.36
            • Published

            lit-css-var

            A decorator to bind element property to a css variable.

            • v1.0.3
            • 11.28
            • Published

            csvars

            CSS variable suggestions while you code

            • v0.0.4
            • 11.19
            • Published

            react-theme-kit

            A lightweight and flexible theme management system for React applications

            • v0.1.2
            • 11.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
            • 10.97
            • Published

            onecss

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

            • v1.0.0
            • 10.78
            • Published

            postcss-only-vars

            PostCSS plugin to only export CSS variable declarations

            • v1.0.0
            • 10.20
            • Published

            css-vars-to-ts

            Convert CSS variables to TypeScript

            • v0.0.2
            • 10.13
            • Published

            swatcher

            CSS color variables

            • v0.0.0
            • 9.34
            • Published

            next-theme-handler

            A lightweight theme switcher for React with system preference detection

            • v1.0.0
            • 0.00
            • Published