51 Open Source CSS Variables Software Projects

A useful list of must-watch talks about CSS

💄CSS tricks for web developers~

CSS variables (Custom Properties) polyfill for IE11

🌑 Dark mode made easy

Tailwind CSS plugin for client-side theming using CSS variables, with dark mode support

🇨🇭Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.

Making Animation Simple

Native HTML Elements with CSS superpowers. 🕶

Style React Native components using CSS, PostCSS, Sass, Less or Stylus.

Sass mixin to use CSS Custom Properties with Sass

CSSplus is a collection of CSS Reprocessor plugins that dynamically update CSS variables

A lightweight front-end component library for developing fast and powerful web interfaces.

:sparkles: Ever wanted to have reactive css variables in svelte? What if I told you there's a way?

Flexible VueJS input control for ratings (stars, etc.).

Easy to use event-driven CSS variables

A React component for applying CSS Variables (Custom Properties)

🗃 A universal CSS helper library.

PostCSS plugin to generate a custom CSS var shim

Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON

A platform for CSS theming.

Simple Angular cryptocurrency listing app. Themed using CSS variables

Grimório✨ | UI just like magic

🎓 A custom and configurable theme for esdoc (using modern browser features)

Dynamic CSS-grid base on CSS-variables. 🔥

Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage

Exposing properties of HTML elements as CSS variables

Future-proof native CSS variables in :root

A stylelint rule to disallow usage of exposed custom properties

A shorter SCSS access to CSS custom properties.

≡𝘿𝙖𝙨𝙝 A tiny, powerful, framework-agnostic CSS-in-JS library

Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.

:bulb: Calculator The Game - ReactJS

Type-safe CSS custom properties (CSS variables) for theming purpose

The foundation of your next design system — CSS variables to accelerate development and encourage consistency

A theming engine for your Svelte apps using CSS Variables, persisted.

https://codesandbox.io/s/github/juliaqiuxy/theming-demo/tree/master/?from-embed

🌟 Ionic Starter Template. It has everything you need to jump start your Ionic Angular app development! Firebase Integration, Capacitor, PWA, Lists, Cards, Navigation, Forms and Validations and SO MUCH MORE! 🚀

Automatically update your styles when a svelte variable changes.

🌐📄/📏 – World Paper / Sizes

Easily create css variables without the need for a css file!

Animadio CSS Framework

A custom Svelte preprocessor to add support for style directive.

Minifies css variable names

A simplified Jira clone built with seed.rs and actix

The modular highly customizable CSS framework. Powered by CSS Components for building your Web UI.

SCSS file to support dark mode on your webpage (e.g. Jekyll blog)

Let's focus on the tweets! 🐦

🔒 CSS variables-based scrollbars locker, compatible with all reactive frameworks

CSS variables autocomplete for vscode

🌓 Simple dark-mode/light-mode logic for any website.

HTML - CSS - JS