@scalar/themes
the default CSS variables for all Scalar packages
Found 158 results for css-variables
the default CSS variables for all Scalar packages
A library to convert JavaScript Object to CSS Variables
PostCSS plugin cleans up the variable names and saves space. It can will reduce your css variable to smaller variables
PostCSS plugin Adds fallback values to var(name) occurences.
Utility-first CSS for the future
Make your <script> lighter and your <style> smarter.
React component library for Shopify Shop Minis with Tailwind CSS v4 support (source-only, requires TypeScript)
Theme system for Maz-UI with TypeScript support and CSS variables
Drop-in Bootstrap replacement, fully customizable with CSS variables.
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/
A stylelint rule to disallow usage of exposed custom properties
path-based state management for web apps
Locks elements scroll handling scrollbar gaps and iOS Safari with CSS variables
A Tailwind CSS plugin for unified theme management with automatic CSS variable generation, supporting multi-theme configurations and Shadcn/ui compatibility.
🎨 Modern Vue 3 design system with multi-brand theming, design tokens, and 30+ components. Supports Club Employés & Gifteo brands with light/dark modes.
A comprehensive TypeScript library for parsing and serializing CSS property values with full MDN specification compliance
A brutalist-styled component library
Modern React component library with brutalist design elements, accessibility-first approach, and comprehensive theming support. Live docs: https://pixelforge-ui.github.io/pixelforge-ui/
SaraWebs reusable hooks for react apps
Design tokens for now-design (custom build system)
Automated design token syncing between Figma Token Studio and your codebase with built-in analytics
CSS library of customizable UI components based on CSS Variables.
⚠️ 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
lint css custom properties in javascript strings
BIRHAUS Design Tokens - Colors, typography, spacing, and semantic tokens
A lightweight, framework-agnostic JavaScript library for seamless theme switching between light and dark modes
Revolutionary DOM-based state management using CSS custom properties - zero dependencies, potential O(1) updates
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
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
Arc-it.js - Modern React theming library with CSS variables and Tailwind CSS support
A comprehensive theme management system for React applications with automatic dark/light mode detection, custom theme creation, and smooth transitions.
PostCSS plugin to rename Tailwind CSS custom properties (e.g. --tw-*) with a configurable prefix.
🚧 A lightweight, framework-agnostic web component for interactive boolean data visualization with click and drag selection
A utility function to convert nested objects into CSS variable declarations.
A refined collection of neutral tones with subtle accents for modern UI design.
Generate 12-step OKLCH palettes from a seed color. Exports CSS variables and a Tailwind preset with accessible scales.
A pretty custom hooks for css variable and react
PostCSS plugin to generate CSS variables from theme configs with color formatting and color-scheme support
Core design tokens and utilities for Designers design system
Design tokens for Integrant AI component libraries - colors, typography, spacing, and theming
Design tokens for Bancar brand
A design system and theme engine toolkit
A Tailwind CSS plugin for automatically adding CSS Variables to your CSS from the Tailwind Config
Stylis plugin that transforms CSS variable into static values for non-supported browsers.
CLI for JsonCSS - transforms JSON design tokens into CSS Variables
Modern Theme Management for Angular - A lightweight, feature-rich theme library with automatic dark mode detection, SSR support, and zero configuration required.
BIRHAUS Design Tokens - Colors, typography, spacing, and semantic 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.
Core compiler for JsonCSS - transforms JSON design tokens into CSS Variables
ZG UI 组件库 - 基于 Vue 3 + CSS 变量体系 + 主题系统
DelVui Design Tokens - Colors, Typography, Spacing, and More
Design tokens for Ed brand
A plug-and-play reusable color picker using Pickr and CSS variables
Design tokens for Design Atlas design system
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools
The Atomic CSS Framework for crafting gorgeous UIs without shipping any CSS.
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
Professional color palette system for Widgli design system
Professional design system themes and CSS utilities for Widgli
A complete React Native library that replicates Bootstrap 5.3 with 100% feature parity, full theming support, CSS variables, and dark/light mode
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.
path-based state management for web apps
Theme provider and utilities for Now Design System
CSS color token generator centered on HSL lightness (HSL 기반 명도 중심 CSS 색상 토큰 생성기)
A CLI utility for exporting data from Ronas IT Figma designs for frontend use
A lightweight highly configurable utility-first CSS framework.
Opinionated classless CSS with HTML attribute utilities
A retro-themed CSS framework inspired by the aesthetics of 16bit consoles
PostCSS plugin for fluid typography with first-class Tailwind CSS support
A universal CSS helper library.
A platform for CSS theming.
A collection of PostCSS plugins for modern CSS development.
CSS variable colors for the Carbon Design System
Modern React UI component library with scoped CSS and CSS variables
A minimal design system with atomic tokens and theming. AI-friendly with comprehensive usage instructions.
Custom PrimeVue 4 theme with 'hb' prefix using design tokens and PrimeFlex
CLI tool to invert css variables in bulk
Design tokens for Eva brand
No bullshit CSS helpers, resets & utilities focused on simplicity.
UI components built for inspecting design tokens in a live application
## IMPORT IT FROM NPM. LINK IT. BOOM. DONE!
400 useful, ready-to-import CSS variables generated straight from Tailwind source files.
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools
Design tokens for Viva brand
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools
'A Postcss plugin that fallbacks your CSS variables with native support'
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().
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools
A minimalistic set of design tokens for consistent UI elements in CSS, SCSS, JavaScript, TypeScript, and JSON
XzxDesign CSS Variables only.
A modern, lightweight, and comprehensive color utility library for JavaScript/TypeScript with advanced palette generation and WCAG accessibility tools.
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
> Disallow whitespace between transform functions and their parentheses
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
Gets styles from a figma project. Will return a typescript file with your defined styles from figma
React Letter Hologram
High-performance scroll progress web component with configurable playhead anchors and optimized animations.
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.
A React HOC for CSS variables
A flexible light/dark theme switching library supporting custom theme configuration, dynamic switching, and responsive design
PostCSS plugin to only export CSS variable declarations
Angular Library to build upon the halfmoon-framework
Zero-dependency design token transformer with theme variants and watch mode
CSS design tokens for Brad Frost Web Design
A decorator to bind element property to a css variable.
React css-variables
Design tokens for SMTV component library and TV app prototype
A lightweight, customizable dark mode and theme toggler for React applications
Package for embedding themes from "Themeizer" Figma plugin at the server level or at build stage
Lightweight React component for using SVG sprites with Next.js, Vite and Turbopack.
Illuminate Front-End Framework
Eine flexible Angular Multiselect-Komponente mit Gruppierungsfunktion und anpassbarem Styling
Convert CSS variables to TypeScript
Color utilities
Color utilities
the default CSS variables for all Readyapi packages
Nova Design System foundation tokens for colors, typography, spacing, and borders
A Tailwind-like JIT CSS engine and PostCSS plugin with plugin system, variants, dark mode, RTL, and CSS variable support.
一个用于扫描CSS/SCSS文件并将指定属性值提取为全局CSS变量的工具
UI kit to be used in various projects
Make your css variables more dynamic and relative with dynamo-css!
Runtime Tailwind theme manager for React – switch dark/light/custom themes dynamically with no rebuilds
PostCSS plugin that places `var()` around variable references
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.
Softer and pleasant colors for Tailwind CSS v4.0+
A modern, lightweight, and flexible CSS framework for next-generation websites
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
CSS variable suggestions while you code
A scss library for working with css variables
A lightweight library for dynamically switching themes using CSS variables.
A cli tool to automatically replace published (by "Themeizer" plugin) colors in style files with a css variable
A lightweight and flexible theme management system for React applications
VuePress theme based on MUSUBii SCSS & CSS Variables
Comprehensive design tokens for consistent styling
A lightweight theme switcher for React with system preference detection
webpack loader to load css theme
Simple and easy-to-use CSS variable toolkit without any plugin dependencies
CSS color variables
Simple react theming library with prefers-color-scheme media support
A Storybook addon to manage CSS variables
Stylelint plugin for "Themeizer" ecosystem
Drop-in Bootstrap replacement, fully customizable with CSS variables.
A Tailwind CSS plugin for theme variants with CSS custom properties support
A set of reusable React components
Generate CSS and JS variables from a JSON file
Carbon 10 theme
small scss package for carbon spacing
css-variables的react的hooks
High-performance scroll velocity tracker with physics-based friction and CSS variable output for velocity-driven animations.
Package for adding "Themeizer" ecosystem interaction configuration to your next.js application
Generate root css variables from JS object or JSON
A cli for generating CSS Custom Properties from a JSON file
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools
Command Line Interface of lightweight (& pre-published) version of @yokgs/DyeScript
Elegant theming system with smooth transitions, custom presets, and complete shadcn/ui support for modern React applications
Aurora Design System - Professional Design Tokens for React Applications
Material Design 3 theme token generator for React applications
Nova Design System CSS variables for colors, typography, spacing, and radius