JSPM

Found 159 results for css-variables

designers-core

Core design tokens and utilities for Designers design system

    • v3.0.0
    • 24.30
    • Published

    @integrantlabs/design-tokens

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

    • v0.1.0
    • 23.72
    • 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.28
      • 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.18
      • Published

      @jsoncss/cli

      CLI for JsonCSS - transforms JSON design tokens into CSS Variables

        • v0.1.0
        • 22.12
        • Published

        stylis-plugin-css-variables

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

        • v1.0.7
        • 21.95
        • Published

        @anthonybir/birhaus-tokens

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

          • v0.2.0
          • 21.85
          • Published

          @jsoncss/core

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

            • v0.1.0
            • 21.76
            • Published

            @delvui/tokens

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

            • v1.0.0
            • 21.59
            • Published

            zaogai-ui

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

            • v4.1.1
            • 21.47
            • Published

            yukesh-color-picker

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

              • v1.0.0
              • 21.08
              • 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.90
              • Published

              mojocss

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

              • v0.2.0
              • 20.64
              • 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.28
              • 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.12
              • 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.08
              • Published

              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