JSPM

Found 159 results for css-variables

tosijs

path-based state management for web apps

  • v1.0.3
  • 16.92
  • Published

now-design-theme

Theme provider and utilities for Now Design System

    • v1.0.5
    • 16.57
    • Published

    @uinamic/colors

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

    • v0.2.4
    • 16.56
    • Published

    @ronas-it/figma-export

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

    • v0.1.3
    • 16.23
    • Published

    brixi

    A lightweight highly configurable utility-first CSS framework.

    • v0.8.0
    • 15.89
    • 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
    • 15.08
    • Published

    fluid-clamp

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

    • v1.0.2
    • 14.57
    • Published

    snack-helper

    A universal CSS helper library.

    • v2.2.0
    • 14.39
    • Published

    css-theming

    A platform for CSS theming.

    • v2.0.0
    • 14.39
    • Published

    @cherrywind/postcss

    A collection of PostCSS plugins for modern CSS development.

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

    @b1dr/themescura

    A design system and theme engine toolkit

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

      smartopt-ui

      Modern React UI component library with scoped CSS and CSS variables

      • v1.0.8
      • 13.98
      • Published

      ppods-mini

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

      • v1.0.3
      • 13.98
      • Published

      hb-vue-theme

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

      • v1.0.8
      • 13.76
      • Published

      design-token-inspector

      UI components built for inspecting design tokens in a live application

      • v0.0.9
      • 12.84
      • 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.64
      • 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.28
      • Published

      invert-css

      CLI tool to invert css variables in bulk

      • v1.0.6
      • 12.28
      • Published

      fiko

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

      • v0.17.0
      • 12.22
      • Published

      tw-variables

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

      • v3.3.2
      • 12.06
      • Published

      onecss

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

      • v1.0.0
      • 11.90
      • 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.13
      • 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.75
      • 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.49
      • 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.98
      • 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.98
      • 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.66
      • 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.57
      • 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.51
      • Published

      @rfkit/theme

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

        • v0.1.16
        • 8.84
        • Published

        postcss-only-vars

        PostCSS plugin to only export CSS variable declarations

        • v1.0.0
        • 8.80
        • Published

        ng-halfmoon

        Angular Library to build upon the halfmoon-framework

        • v0.4.0
        • 8.80
        • Published

        design-token-manager

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

        • v1.0.2
        • 8.59
        • Published

        @magic-spells/scroll-progress

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

        • v0.1.0
        • 8.59
        • Published

        bf-tokens

        CSS design tokens for Brad Frost Web Design

        • v0.1.0
        • 8.24
        • Published

        lit-css-var

        A decorator to bind element property to a css variable.

        • v1.0.3
        • 7.53
        • Published

        @smtv/design-tokens

        Design tokens for SMTV component library and TV app prototype

        • v1.0.3
        • 7.40
        • Published

        themeshift

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

        • v1.0.1
        • 7.40
        • 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.53
        • 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.41
        • Published

        @readyapi/themes

        the default CSS variables for all Readyapi packages

        • v0.0.1
        • 5.39
        • Published

        @nova-design-systems/tokens

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

        • v1.0.2
        • 5.36
        • 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.36
        • Published

        hd-css-to-variable

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

        • v1.3.7
        • 5.36
        • Published

        @sashkhen/shu-ui

        UI kit to be used in various projects

        • v1.1.1
        • 5.36
        • Published

        postcss-implicit-var

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

        • v0.0.1
        • 4.29
        • 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.12
            • Published

            illuminate-ui

            Illuminate Front-End Framework

            • v1.0.20
            • 4.09
            • 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.09
            • Published

            csvars

            CSS variable suggestions while you code

            • v0.0.4
            • 4.07
            • Published

            varss

            A scss library for working with css variables

            • v0.0.5
            • 4.07
            • Published

            dynamic-theme-switcher

            A lightweight library for dynamically switching themes using CSS variables.

            • v1.0.2
            • 4.06
            • 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.43
              • Published

              react-theme-lib

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

              • v1.0.3
              • 2.43
              • 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.37
              • Published

              tailwind-theme-variants

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

              • v0.1.0
              • 0.00
              • 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