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 133 Css Variables Open Source Projects on Github
Categories
>
Web User Interface
>
Css Variables
Must Watch Css
⭐
3,904
A useful list of must-watch talks about CSS
You Need To Know Css
⭐
3,054
💄CSS tricks for web developers~
Halfmoon
⭐
2,336
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
Ie11customproperties
⭐
813
CSS variables (Custom Properties) polyfill for IE11
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.
Pollen
⭐
266
Functional CSS for the future
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
⭐
244
Native HTML Elements with CSS superpowers. 🕶
Just Animate
⭐
235
Making Animation Simple
Themify
⭐
215
👨🎨 CSS Themes Made Easy. A robust, opinionated solution to manage themes in your web application
Css Vars
⭐
163
Sass mixin to use CSS Custom Properties with Sass
Svelte Css Vars
⭐
163
✨ Ever wanted to have reactive css variables in svelte? What if I told you there's a way?
React Native Css Modules
⭐
156
Style React Native components using CSS, PostCSS, Sass, Less or Stylus.
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.).
Computed Variables
⭐
75
Easy to use event-driven CSS variables
Svelte Themer
⭐
66
A theming engine for your Svelte apps using CSS Variables, persisted.
React Custom Properties
⭐
55
A React component for applying CSS Variables (Custom Properties)
Snack Helper
⭐
50
🗃 A universal CSS helper library.
Variabless
⭐
46
JS & CSS - A Match Made in Heaven 💎
Theme In Css
⭐
45
Type-safe CSS custom properties (CSS variables) for theming purpose
Ionic5 Starter App
⭐
42
🌟 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
⭐
40
A React-based UI-Toolkit for web
Postcss Var Shim
⭐
29
PostCSS plugin to generate a custom CSS var shim
Css Theming
⭐
29
A platform for CSS theming.
Theme Change
⭐
27
Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage
Grimorio Ui
⭐
27
Grimório✨ | UI just like magic
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
Animadio
⭐
23
Animadio CSS Framework
Caffeinated Style Sheets
⭐
23
Extend .css with JavaScript the easy way!
Tailwindcss Variables
⭐
23
Easily create css variables without the need for a css file!
Project Crypto
⭐
22
Simple Angular cryptocurrency listing app. Themed using CSS variables
Kladenets
⭐
19
Future-proof native CSS variables in :root
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)
V Helper
⭐
13
A shorter SCSS access to CSS custom properties.
Basegrid
⭐
13
Dynamic CSS-grid base on CSS-variables. 🔥
Focussed Twitter
⭐
12
Let's focus on the tweets! 🐦
Varius
⭐
12
Exposing properties of HTML elements as CSS variables
Stylelint Value No Exposed Custom Properties
⭐
11
A stylelint rule to disallow usage of exposed custom properties
Jirs
⭐
11
A simplified Jira clone built with seed.rs and actix
Fylgja
⭐
11
The modular highly customizable CSS framework. Powered by CSS Components for building your Web UI.
Drkmd.js
⭐
10
🌓 Simple dark-mode/light-mode logic for any website.
S Grid
⭐
9
s-grid is a helper class useful for creating responsive, fluid grid layouts using CSS Custom Properties.
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
Dark Mode Sass
⭐
8
SCSS file to support dark mode on your webpage (e.g. Jekyll blog)
Calculator_the_game_reactjs
⭐
8
💡 Calculator The Game - ReactJS
Covid19
⭐
7
COVID19 Gallery
How To Build Any Ui With Ionic
⭐
7
Explore different strategies you can use to customize and extend the Ionic UI Components to create any UI you want.
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.
Und Css
⭐
5
Custom Property based CSS Framework fully configurable using SASS
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.
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.
React Social Card
⭐
4
React Social Card
Scroll Padlock
⭐
4
🔒 CSS variables-based scrollbars locker, compatible with all reactive frameworks
Css Variables Name Conventions
⭐
4
Custom properties: Naming conventions
Valor Figma Plugin
⭐
4
Figma plugin for color pallette representation
Javascript30
⭐
4
30 day vanilla javascript coding challenge
Postcss Theme Fold
⭐
3
Postcss plugin for folding css-variables with using whitepaper design system in legacy browsers.
Desertcolors
⭐
3
macOS System Colors - Light & Dark Mode
Keyboard
⭐
3
A virtual keyboard to explore cool themes and custom key functions.
Bowhead
⭐
3
Memorable and maintainable design tokens in SCSS
Css Vars Hook
⭐
3
css-vars-hook contains React hooks to set and manipulate CSS custom properties from the component.
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)
Update Css Variable With Js.
⭐
3
In this project CSS variables are updated using JS.
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.
Cytoscape Css Variables
⭐
2
🎨 add CSS Variable functionality to cytoscape.js
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
Brixi
⭐
2
A lightweight (1.3kb) highly configurable utility-first CSS framework.
Pablorgarcia.github.io
⭐
2
My personal website
Material Kit
⭐
2
Проект с примерами использования веб-компонент из @xaota/material
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.
Trillo
⭐
2
Trillo, the second project of the Advanced CSS and Sass course with focus on flexbox layout method.
Faceless
⭐
2
The hated login page
Flextype
⭐
2
Scale text against its container width using CSS.
Vuepress Theme Musubii
⭐
2
VuePress theme based on MUSUBii SCSS & CSS Variables
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!
Html And Css Codes
⭐
2
HTML and CSS Codes
Css Variables
⭐
1
Day 3 of 30 day vanilla JavaScript challenge by Web Bos ⚡
Bookfast App
⭐
1
A simple hotel booking interface built using Flex-Box Concept.
Dynamo Css
⭐
1
Make your css variables more dynamic and relative with dynamo-css!
Cytoscape.js Css Vars Playground
⭐
1
🎨 playground for adding CSS vars to cytoscape.js
Cssvar Interaction
⭐
1
A tiny package to set CSS variabels using some Javascript and device API's.
Not To Forget
⭐
1
To-do application - first bigger project in React. Work in progress - developer version with basic and some advanced function (adding to-do, searching to-do, listing and sorting to-do, deleting/checking/editing to-do, option to display all tasks or just those that are opened/finished and sort them as well). Currently refactoring for full-stack - see information in the readme.
Vscode Css Variables
⭐
1
CSS variables autocomplete for vscode
Calli Shop
⭐
1
Mock up of the e-shop selling calligraphies - project created at the end of the React module of my one year web development course. Redux for state managment, Styled Components for styling. Calligraphies are my own handwork (all rights reserved!), just scanned and transformed to SVG.
Theme Custom Properties
⭐
1
Convert theme to CSS custom properties and CSS
Css Variables Helpers
⭐
1
Helpers to get, and set, and toggle CSS Variables (aka CSS Custom Properties)
1-100 of 133 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
"GitHub" is a registered trademark of GitHub, Inc. Awesome Open Source is not affiliated with GitHub.
