css-custom-properties

There are 3 repositories under css-custom-properties topic.

open-props
argyleink / open-props
CSS custom properties to help accelerate adaptive and consistent design.
css css-colors css-custom-media-queries css-custom-properties css-easing-functions css-gradients css-normalise css-utilites
Language:HTML 5187
halfmoonui / halfmoon
Halfmoon is a highly customizable, drop-in Bootstrap replacement. It comes with three built-in core themes, with dark mode support for all themes and components.
bootstrap bootstrap5 css css-custom-properties css-framework css-variables dark-mode dark-theme dashboard halfmoon web-framework
Language:CSS 3115
saadeghi / theme-change
Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage
theme localstorage theming css-custom-properties css-variables css-theme javascript
Language:JavaScript 1673
grayshift
yanchokraev / grayshift
A lightweight front-end component library for developing fast and powerful web interfaces.
grayshift css html css-framework css-variables custom-properties css-custom-properties dark-mode ui-kit javascript js sass scss
Language:SCSS 324
willofindie / vscode-cssvar
VSCode extension to support CSS Variables Intellisense
autocomplete css css-custom-properties css-variables cssvar cssvariables extension suggestion variables variables-css vscode var visual-studio-code vscode-extensions
Language:TypeScript 276
shospodarets / css-vars
Sass mixin to use CSS Custom Properties with Sass
css sass scss sass-mixins css-variables css-custom-properties
Language:JavaScript 184
Specifyapp / parsers
Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
design design-system design-tokens design-api style-dictionary tailwindcss theme-ui jss react-native svgo assets design-ops parsers css-custom-properties
Language:TypeScript 117
fylgja
fylgja / fylgja
The flexible and lightweight CSS library designed to streamline your web development.
fylgja css-custom-properties css-library css-base css-utilites design-tokens utility-classes css-preflight
Language:CSS 105
danbahrami / react-custom-properties
A React component for applying CSS Variables (Custom Properties)
css-variables react css-custom-properties
Language:JavaScript 58
navanshu / postcss-variable-compress
Minifies / Obscures CSS variable names. Inspired by webpack's obscure plugin, though I never read its codebase
postcss css css-variables css-custom-properties css-optimization abstraction vite-plugin hacktoberfest hacktoberfest2023
Language:TypeScript 38
afonja14755 / ux-select
UX Select is a lightweight Native JavaScript plugin that replace native select elements with customization
native-javascript select select-multiple ux-select css-custom-properties lightweight javascript options typescript vanila-javascript
Language:TypeScript 36
paper
pdf-ist / paper
🌐📄/📏 – World Paper / Sizes
css paper sizes css-variables library ui paper-sizes css-custom-properties javascript frontend aspect-ratio
Language:CSS 36
css-vars-hook
morewings / css-vars-hook
Bring dynamic styling into your React components with css-vars-hook. Simple and intuitive hooks for managing CSS Custom Properties. Integrate styles with component logic.
css-variables react react-hook css-custom-properties css-in-js css-in-react hook
Language:TypeScript 26
enjidev / tailwindcss-accent
Adds accent colors for more dynamic and flexible color utilization.
accent-color css-custom-properties css-variables tailwindcss tailwindcss-plugin tailwindcss-v2 tailwindcss-v3 theming tailwind
Language:JavaScript 19
color-contrast-checker
incluud / color-contrast-checker
WCAG 2.2 color contrast validator with design system integration. Test accessibility compliance, generate OKLCH palettes, export CSS custom properties and Figma-compatible JSON tokens. Build with Astro.
accessibility astrojs color-palette color-scheme contrast-ratio css-custom-properties design-system design-tokens figma inclusive-design oklch oklch-color token-studio wcag
Language:Astro 19
v-helper
meduzen / v-helper
A shorter SCSS access to CSS custom properties.
css css-custom-properties css-variables sass scss scss-function
Language:SCSS 17
tailwind-css-properties
marcreichel / tailwind-css-properties
Export your TailwindCSS theme colors as css custom properties.
tailwind-css-plugin tailwindcss tailwind tailwind-css tailwindcss-plugin css css-custom-properties hacktoberfest
Language:JavaScript 16
AztlanEngineering / swatch
A lightweight, modern theming library based on CSS variables and the setter/getter pattern.
css css4vars library theming css-framework css-library css-color css-color-swatches color-swatch color-swatches css3 css-custom-properties getter-pattern setter
Language:SCSS 15
meduzen / easings
Easings (cubic-bezier timing functions) as custom properties and SCSS variables.
css scss timing-function cubic-bezier easings scss-variables css-custom-properties
Language:SCSS 13
ThaUnknown / quartermoon
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
css css-custom-properties css-framework css-variables dark-mode dark-theme dashboard javascript web-framework quartermoon
Language:CSS 13
wwnorton / design-system
The W. W. Norton & Company design system
design-system react react-components sass css-custom-properties typescript-react components
Language:TypeScript 13
tomhodgins / varius
Exposing properties of HTML elements as CSS variables
css-reprocessor css-variables rwd css-custom-properties js-in-css css
Language:HTML 12
giodelabarrera / pokedex
👾 Pokémon characters written with Remix 💿
pokemon pokedex react javascript css-custom-properties remix
Language:TypeScript 11
Developer-Zahid / css-impossible-carousel
This is a HTML & CSS based carousel. When a user click on previous and next slide images, then carousel going to start manually.
3d-carousel css css-animations css-carousel css-custom-properties css-flexbox css-slider css-supports css3 radio-inputs slider
Language:CSS 10
StartPolymer / s-grid
s-grid is a helper class useful for creating responsive, fluid grid layouts using CSS Custom Properties.
grid css-grid css-custom-properties css-variables polymer polymer-styles
Language:HTML 10
jocubeit / kube
Kube framework for the Rails asset pipeline & makes variables available as CSS Custom Properties.
rails asset-pipeline css-custom-properties scss kube css3 js
Language:CSS 6
bjankord / styled-components-custom-properties-theme-provider
Custom theme provider which uses CSS custom properties in browsers that support them, and falls back to styled components theme provider implementation in browsers that don't support CSS custom properties. 💅
styled-components theme-provider css-custom-properties css-variables css-theming
Language:JavaScript 5
dinanathsj29 / css-variables-practical-guide-tutorial
Lets learn to use CSS variables a CSS custom properties to create style sheets less repetitive, easier to maintain, better readability and more flexible.
variable variables-css variables-and-their-usages css-variables css-custom-properties css-var-function css-variable-value global-scoped-variables local-scope-variable var-function
Language:HTML 5
justincy / css-modules-and-variables-nextjs
You don't need a CSS-in-JS library with Next.js anymore. We have everything we need with CSS Modules and CSS variables
nextjs css-modules css-variables css-custom-properties reactjs
Language:JavaScript 3
ManeeshChiba / css-parallax
A sub 100Kb parallax library
parallax parallax-effect tiny parallax-scrolling parallax-web parallax-plugin plugin javascript vanilla-javascript vanilla-js vanilla css css-custom-properties css-variables scrolling scroll
Language:JavaScript 3
ngkusnd / sass-theming
✨ simple, easy and modern way to organize your themes.
sass theme theming css css-custom-properties scss
Language:SCSS 3
coffee-cup / theme-custom-properties
Convert theme to CSS custom properties and CSS
css css-variables css-custom-properties themes dark-mode
Language:TypeScript 2
jamespatrickgibson / union
A design system boilerplate for Svelte & CSS
design-system sveltejs svelte-components css-custom-properties
Language:Svelte 2
jednano / react-theme-context
Provides theme context and hooks. Supports theme switching via CSS custom properties.
react react-hooks hooks css-custom-properties theming theme-context theme-utils npm-package npm-module
Language:TypeScript 2
SimonFinney / custom-properties-parallax
Parallax effect using custom properties
parallax css-custom-properties npm-package javascript css
Language:JavaScript 2
Hebilicious / cssforge
Generate CSS variables from design tokens.
css css-variables design-tokens oklch css-custom-properties fluid utopia typography
Language:TypeScript 1

css-custom-properties

argyleink / open-props

halfmoonui / halfmoon

saadeghi / theme-change

yanchokraev / grayshift

willofindie / vscode-cssvar

shospodarets / css-vars

Specifyapp / parsers

fylgja / fylgja

danbahrami / react-custom-properties

navanshu / postcss-variable-compress

afonja14755 / ux-select

pdf-ist / paper

morewings / css-vars-hook

enjidev / tailwindcss-accent

incluud / color-contrast-checker

meduzen / v-helper

marcreichel / tailwind-css-properties

AztlanEngineering / swatch

meduzen / easings

ThaUnknown / quartermoon

wwnorton / design-system

tomhodgins / varius

giodelabarrera / pokedex

Developer-Zahid / css-impossible-carousel

StartPolymer / s-grid

jocubeit / kube

bjankord / styled-components-custom-properties-theme-provider

dinanathsj29 / css-variables-practical-guide-tutorial

justincy / css-modules-and-variables-nextjs

ManeeshChiba / css-parallax

ngkusnd / sass-theming

coffee-cup / theme-custom-properties

jamespatrickgibson / union

jednano / react-theme-context

SimonFinney / custom-properties-parallax

Hebilicious / cssforge