Awesome Open Source
Awesome Open Source
Combined Topics
css-variables
x
Advertising
📦 9
All Projects
Application Programming Interfaces
📦 120
Applications
📦 181
Artificial Intelligence
📦 72
Blockchain
📦 70
Build Tools
📦 111
Cloud Computing
📦 79
Code Quality
📦 28
Collaboration
📦 30
Command Line Interface
📦 48
Community
📦 81
Companies
📦 60
Compilers
📦 60
Computer Science
📦 74
Configuration Management
📦 39
Content Management
📦 167
Control Flow
📦 197
Data Formats
📦 77
Data Processing
📦 266
Data Storage
📦 132
Economics
📦 60
Frameworks
📦 198
Games
📦 122
Graphics
📦 103
Hardware
📦 148
Integrated Development Environments
📦 47
Learning Resources
📦 147
Legal
📦 28
Libraries
📦 119
Lists Of Projects
📦 21
Machine Learning
📦 336
Mapping
📦 61
Marketing
📦 15
Mathematics
📦 55
Media
📦 228
Messaging
📦 97
Networking
📦 304
Operating Systems
📦 84
Operations
📦 120
Package Managers
📦 52
Programming Languages
📦 229
Runtime Environments
📦 96
Science
📦 42
Security
📦 375
Social Media
📦 26
Software Architecture
📦 70
Software Development
📦 68
Software Performance
📦 57
Software Quality
📦 127
Text Editors
📦 45
Text Processing
📦 131
User Interface
📦 310
User Interface Components
📦 465
Version Control
📦 29
Virtualization
📦 68
Web Browsers
📦 38
Web Servers
📦 25
Web User Interface
📦 194
The Top 140 Css Variables Open Source Projects on Github
Categories
>
Web User Interface
>
Css Variables
Must Watch Css
⭐
3,964
A useful list of must-watch talks about CSS
You Need To Know Css
⭐
3,054
💄CSS tricks for web developers~
Halfmoon
⭐
2,547
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
Ie11customproperties
⭐
851
CSS variables (Custom Properties) polyfill for IE11
Pollen
⭐
607
The foundation of your next design system — CSS variables to accelerate development and encourage consistency
Darken
⭐
580
🌑 Dark mode made easy
Tailwindcss Theming
⭐
393
Tailwind CSS plugin for client-side theming using CSS variables, with dark mode support
Grayshift
⭐
303
A lightweight front-end component library for developing fast and powerful web interfaces.
Switzerland
⭐
261
🇨🇭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.
Core
⭐
251
Native HTML Elements with CSS superpowers. 🕶
React Native Css Modules
⭐
247
Style React Native components using CSS, PostCSS, Sass, Less or Stylus.
Just Animate
⭐
235
Making Animation Simple
Themify
⭐
218
👨🎨 CSS Themes Made Easy. A robust, opinionated solution to manage themes in your web application
Svelte Css Vars
⭐
163
✨ Ever wanted to have reactive css variables in svelte? What if I told you there's a way?
Css Vars
⭐
163
Sass mixin to use CSS Custom Properties with Sass
Theme Change
⭐
152
Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage
Cssplus
⭐
135
CSSplus is a collection of CSS Reprocessor plugins that dynamically update CSS variables
Vue Stars
⭐
106
Flexible VueJS input control for ratings (stars, etc.).
Svelte Themer
⭐
84
A theming engine for your Svelte apps using CSS Variables, persisted.
Computed Variables
⭐
75
Easy to use event-driven CSS variables
React Custom Properties
⭐
55
A React component for applying CSS Variables (Custom Properties)
Snack Helper
⭐
51
🗃 A universal CSS helper library.
Ionic6 Starter App
⭐
48
🌟 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! 🚀
Design System
⭐
48
Masala Design System (MDS) is an open-source design system built at Innovaccer. This is a simple and customisable component library to build faster, beautiful, and more accessible React applications on the guidelines and principles of Masala Design System.
Theme In Css
⭐
47
Type-safe CSS custom properties (CSS variables) for theming purpose
Variabless
⭐
46
JS & CSS - A Match Made in Heaven 💎
Tailwindcss Variables
⭐
41
Easily create css variables without the need for a css file!
Paper
⭐
33
🌐📄/📏 – World Paper / Sizes
Css Theming
⭐
32
A platform for CSS theming.
Postcss Var Shim
⭐
29
PostCSS plugin to generate a custom CSS var shim
Grimorio Ui
⭐
28
Grimório✨ | UI just like magic
Svelte Reactive Css Preprocess
⭐
26
Automatically update your styles when a svelte variable changes.
Multi Brand Colors
⭐
25
Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON
Styles
⭐
25
≡𝘿𝙖𝙨𝙝 A tiny, powerful, framework-agnostic CSS-in-JS library
Caffeinated Style Sheets
⭐
23
Extend .css with JavaScript the easy way!
Animadio
⭐
23
Animadio CSS Framework
Fylgja
⭐
22
The modular highly customizable CSS framework. Powered by CSS Components for building your Web UI.
Kladenets
⭐
22
Future-proof native CSS variables in :root
Project Crypto
⭐
22
Simple Angular cryptocurrency listing app. Themed using CSS variables
Svelte Style Directive
⭐
18
A custom Svelte preprocessor to add support for style directive.
Esdoc Custom Theme
⭐
16
🎓 A custom and configurable theme for esdoc (using modern browser features)
Vscode Css Variables
⭐
15
CSS variables autocomplete for vscode
Postcss Variable Compress
⭐
14
Minifies css variable names
V Helper
⭐
14
A shorter SCSS access to CSS custom properties.
Belfius Banking
⭐
13
HTML - CSS - JS
Basegrid
⭐
13
Dynamic CSS-grid base on CSS-variables. 🔥
Bitque
⭐
13
A simplified Jira clone built with seed.rs and actix
Focussed Twitter
⭐
12
Let's focus on the tweets! 🐦
Varius
⭐
12
Exposing properties of HTML elements as CSS variables
Scroll Padlock
⭐
12
🔒 CSS variables-based scrollbars locker, compatible with all reactive frameworks
Stylelint Value No Exposed Custom Properties
⭐
11
A stylelint rule to disallow usage of exposed custom properties
Drkmd.js
⭐
10
🌓 Simple dark-mode/light-mode logic for any website.
How To Build Any Ui With Ionic
⭐
9
Explore different strategies you can use to customize and extend the Ionic UI Components to create any UI you want.
Shortcut.css
⭐
9
Shortcut.css is the first css package it support your stylesheet, Contain custom & built-in variables and classes you can use it with any situation you want with css shortcuts for more flexiblity & stability.
Stylis Plugin Css Variables
⭐
9
🔄 Transforms CSS variable into static values for non-supported browsers
S Grid
⭐
9
s-grid is a helper class useful for creating responsive, fluid grid layouts using CSS Custom Properties.
Calculator_the_game_reactjs
⭐
8
💡 Calculator The Game - ReactJS
Dark Mode Sass
⭐
8
SCSS file to support dark mode on your webpage (e.g. Jekyll blog)
Bulvar
⭐
7
🛣 Bulma, Buefy and Bulma Extensions rewritten using CSS Variables
Covid19
⭐
7
COVID19 Gallery
Gatsby Typescript App Starter
⭐
7
gatsby typescript application starter project
Material
⭐
6
Material UI Design Web Components Library
Web Elements
⭐
6
Web Elements is a set of components that works with any framework or library, 100% customizable using Css Variables and 100% reusable using Web Components.
Css Variables Name Conventions
⭐
6
Custom properties: Naming conventions
Styled Components Custom Properties Theme Provider
⭐
5
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. 💅
Nami
⭐
5
UI Components.
Und Css
⭐
5
Custom Property based CSS Framework fully configurable using SASS
React Social Card
⭐
4
React Social Card
Valor Figma Plugin
⭐
4
Figma plugin for color pallette representation
Css Variables Parser
⭐
4
CSS variables parser
Javascript30
⭐
4
30 day vanilla javascript coding challenge
Belfius Banking Landing
⭐
4
Implement some useful and advanced DOM manipulations
Dialog Settings
⭐
4
A simple key value store for module settings, to make modules more portable. With the nice side-effect that all settings can be output as native CSS variables.
Update Css Variable With Js.
⭐
3
In this project CSS variables are updated using JS.
Cytoscape Css Variables
⭐
3
🎨 add CSS Variable functionality to cytoscape.js
Bowhead
⭐
3
Memorable and maintainable design tokens in SCSS
Desertcolors
⭐
3
macOS System Colors - Light & Dark Mode
Keyboard
⭐
3
A virtual keyboard to explore cool themes and custom key functions.
Project_bootstrap5_alpha
⭐
3
This is a code repository for a simple project: build with Bootstrap 5 alpha! (it's my first project Using Bootstrap 5 alpha! I built it while learning the Bootstrap framework)
Postcss Theme Fold
⭐
3
Postcss plugin for folding css-variables with using whitepaper design system in legacy browsers.
Css Vars Hook
⭐
3
css-vars-hook contains React hooks to set and manipulate CSS custom properties from the component.
Brixi
⭐
3
A lightweight (1.3kb) highly configurable utility-first CSS framework.
Hexalpha
⭐
2
This Light weight library provides opacity to #Hexadecimal Color values dynamically, written in pure javascript.It takes hexadecimal color as both a hex value or a css property variable with an alpha ie 0-9 value and provides alpha transparent color .
React Dynamic Theming
⭐
2
Add simple dynamic themes to a react app with TailwindCSS and css variables
Material Kit
⭐
2
Проект с примерами использования веб-компонент из @xaota/material
Trillo
⭐
2
Trillo, the second project of the Advanced CSS and Sass course with focus on flexbox layout method.
Html And Css Codes
⭐
2
HTML and CSS Codes
Tailwindcss Css Variables Palette Plugin
⭐
2
Generate a color palette 🎨 using CSS variables 🔡 for TailwindCSS 🍃
Faceless
⭐
2
The hated login page
Vue Tailwind Theme Switcher Demo
⭐
2
A simple demo how to use CSS variables in the tailwind.config to create a light/dark theme toggle on your website!
Hamburgermenucss
⭐
2
Hamburger menu dengan CSS, HTML, dan JS (Vue JS)
Css Variables
⭐
2
Demonstrates the use-cases of css variables in a real project.
Webpack Scaffold
⭐
2
Preconfigured webpack scaffold project with example theming with css-variables.
Default Beauty.css
⭐
2
Make default browsers' styles prettier
Limp
⭐
2
A Custom (Li)ghtweight (M)usic (P)layer, written in PHP and JavaScript.
Flextype
⭐
2
Scale text against its container width using CSS.
Css Variables Practical Guide Tutorial
⭐
2
Lets learn to use CSS variables a CSS custom properties to create style sheets less repetitive, easier to maintain, better readability and more flexible.
Pablorgarcia.github.io
⭐
2
My personal website
Vuepress Theme Musubii
⭐
2
VuePress theme based on MUSUBii SCSS & CSS Variables
Theme Custom Properties
⭐
1
Convert theme to CSS custom properties and CSS
1-100 of 140 projects
Next >
Advertising
📦 9
All Projects
Application Programming Interfaces
📦 120
Applications
📦 181
Artificial Intelligence
📦 72
Blockchain
📦 70
Build Tools
📦 111
Cloud Computing
📦 79
Code Quality
📦 28
Collaboration
📦 30
Command Line Interface
📦 48
Community
📦 81
Companies
📦 60
Compilers
📦 60
Computer Science
📦 74
Configuration Management
📦 39
Content Management
📦 167
Control Flow
📦 197
Data Formats
📦 77
Data Processing
📦 266
Data Storage
📦 132
Economics
📦 60
Frameworks
📦 198
Games
📦 122
Graphics
📦 103
Hardware
📦 148
Integrated Development Environments
📦 47
Learning Resources
📦 147
Legal
📦 28
Libraries
📦 119
Lists Of Projects
📦 21
Machine Learning
📦 336
Mapping
📦 61
Marketing
📦 15
Mathematics
📦 55
Media
📦 228
Messaging
📦 97
Networking
📦 304
Operating Systems
📦 84
Operations
📦 120
Package Managers
📦 52
Programming Languages
📦 229
Runtime Environments
📦 96
Science
📦 42
Security
📦 375
Social Media
📦 26
Software Architecture
📦 70
Software Development
📦 68
Software Performance
📦 57
Software Quality
📦 127
Text Editors
📦 45
Text Processing
📦 131
User Interface
📦 310
User Interface Components
📦 465
Version Control
📦 29
Virtualization
📦 68
Web Browsers
📦 38
Web Servers
📦 25
Web User Interface
📦 194
Privacy policy
"GitHub" is a registered trademark of GitHub, Inc. Awesome Open Source is not affiliated with GitHub.
