css-variables

There are 23 repositories under css-variables topic.

l-hammer / You-need-to-know-css
💄CSS tricks for web developers~
css css-tricks css-effects css-experiment css-layout css-animations docsify css-properties css-shapes css-variables css-shadow-parts css-flexbox css-center cssnext css3 css-transitions css-snippets css-scrollbar pseudo-elements
Language:CSS 5116
AllThingsSmitty / must-watch-css
🔥 CSS talks you have to see ⚡️ covering CSS Grid, flexbox, custom variables, performance, frameworks, Sass, tools, and more! 🚀
awesome awesome-list conference-talk conference-videos css css-flexbox css-framework css-grid css-performance css-variables css3 cssconf custom-variables jsconf learning-resources performance talks video
4665
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 2986
saadeghi / theme-change
Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage
css-custom-properties css-theme css-variables javascript localstorage theme theming
Language:JavaScript 1210
nuxodin / ie11CustomProperties
CSS variables (Custom Properties) polyfill for IE11
css-variables custom-properties ie11 polyfill
Language:HTML 920
heybokeh / pollen
The CSS variables build system
css functional-css css-framework css-variables design-system css-utilites utilty-classes tailwindcss
Language:TypeScript 853
ColinEspinas / darken
🌑 Dark mode made easy
css-variables user-preference javascript javascript-library prefers-color-scheme darkmode vanilla-javascript
Language:JavaScript 608
innocenzi / tailwindcss-theming
CSS-variables-based swappable themes for Tailwind CSS
tailwindcss prefers-color-scheme color dark-theme dark custom-properties css-variables tailwindcss-plugin dark-mode
Language:TypeScript 493
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 326
kristerkari / react-native-css-modules
Style React Native components using CSS, PostCSS, Sass, Less or Stylus.
react-native css-modules css sass postcss less stylus media-queries viewport-units css-variables
322
Switzerland
Wildhoney / Switzerland
🇨🇭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.
webcomponents virtual-dom shadow-dom functional immutable css-variables custom-elements components component component-architecture
Language:TypeScript 270
just-animate / just-animate
Making Animation Simple
animation typescript web-animation waapi transitions animation-controller multiple-animations easings timeline css-variables svg-animations
Language:TypeScript 264
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 242
kaisermann / svelte-css-vars
:sparkles: Ever wanted to have reactive css variables in svelte? What if I told you there's a way?
svelte css custom-properties css-variables reactive state
Language:JavaScript 234
tailwindcss-variables
mertasan / tailwindcss-variables
Easily create css variables without the need for a css file!
css-variables dark-mode multi-theme tailwind tailwindcss tailwindcss-variables
Language:JavaScript 209
shospodarets / css-vars
Sass mixin to use CSS Custom Properties with Sass
css sass scss sass-mixins css-variables css-custom-properties
Language:JavaScript 181
tomhodgins / cssplus
CSSplus is a collection of CSS Reprocessor plugins that dynamically update CSS variables
css reprocessor cursory scrollery selectory varsity scoped-css element-queries container-queries cssplus css-variables css-reprocessor aspect-ratio xpath xpath-selectors css-in-js js-in-css
Language:JavaScript 143
josefaidt / svelte-themer
A theming engine for your Svelte apps using CSS Variables, persisted.
theme css-variables svelte theming
Language:JavaScript 141
vunguyentuan / vscode-css-variables
CSS variables autocomplete for vscode
autocomplete css-variables extension vscode vscode-extension
Language:TypeScript 121
richardtallent / vue-stars
Flexible VueJS input control for ratings (stars, etc.).
vue vue-components css-variables input stars hover-animations
Language:Vue 113
fylgja
fylgja / fylgja
The modular highly customisable CSS framework. Powered by CSS Components, Utilities and Props for building your Web UI.
fylgja css scss postcss css-framework css-components css-custom-properties css-variables css-utilities css-colors css-custom-media-queries css-easing-functions css-library
Language:SCSS 90
Trig-JS
iDev-Games / Trig-JS
The easy way to create CSS scroll animations that react to the position of your HTML element on screen. Animate on scroll (AOS) your CSS.
animation css html js css-animations css-variables data-attribute-html design frontend simple animate-on-scroll aos-animation scroll-animations reveal-animation
Language:JavaScript 88
tomhodgins / computed-variables
Easy to use event-driven CSS variables
css reprocessor css-reprocessor css-variables variables custom-properties custom-property cssom
Language:JavaScript 81
theme-in-css
pveyes / theme-in-css
Type-safe CSS custom properties (CSS variables) for theming purpose
typescript css css-properties css-variables theme oss
Language:TypeScript 65
srmullen / svelte-reactive-css-preprocess
Automatically update your styles when a svelte variable changes.
sveltejs preprocessor javascript css css-variables reactivity
Language:JavaScript 63
ionicthemes / ionic6-starter-app
🌟 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! 🚀
ionic-framework ionic-pwa ionic-starter ionic progressive-web-app pwa firebase capacitor ionic-template angular ionic-angular css-variables angular13 ionic6
61
danbahrami / react-custom-properties
A React component for applying CSS Variables (Custom Properties)
css-variables react css-custom-properties
Language:JavaScript 58
juliaqiuxy / theming-demo
https://codesandbox.io/s/github/juliaqiuxy/theming-demo/tree/master/?from-embed
nextjs react css-variables cookies theming
Language:JavaScript 57
snack-ui / snack-helper
🗃 A universal CSS helper library.
css-helpers snack-helper css-variables sass css-utilities scss
Language:SCSS 54
daniil4udo / bulvar
🛣 Bulma, Buefy and Bulma Extensions rewritten using CSS Variables
sass css bulma buefy css-variables css-properties scss
Language:Sass 53
mrahhal / css-theming
A platform for CSS theming.
css theme theming scss css-variables
Language:SCSS 40
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
dash-ui / styles
≡𝘿𝙖𝙨𝙝 A tiny, powerful, framework-agnostic CSS-in-JS library
css css-framework css-in-js css-in-react css-in-ts css-in-typescript css-patterns css-variables design-system design-tokens typescript
Language:TypeScript 33
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 32
nuxodin / css-variables-name-conventions
Custom properties: Naming conventions
css-variables conventions naming-conventions naming
29
kladenets
sparanoid / kladenets
Future-proof native CSS variables in :root
css css-variables
Language:HTML 27

css-variables

l-hammer / You-need-to-know-css

AllThingsSmitty / must-watch-css

halfmoonui / halfmoon

saadeghi / theme-change

nuxodin / ie11CustomProperties

heybokeh / pollen

ColinEspinas / darken

innocenzi / tailwindcss-theming

yanchokraev / grayshift

kristerkari / react-native-css-modules

Wildhoney / Switzerland

just-animate / just-animate

willofindie / vscode-cssvar

kaisermann / svelte-css-vars

mertasan / tailwindcss-variables

shospodarets / css-vars

tomhodgins / cssplus

josefaidt / svelte-themer

vunguyentuan / vscode-css-variables

richardtallent / vue-stars

fylgja / fylgja

iDev-Games / Trig-JS

tomhodgins / computed-variables

pveyes / theme-in-css

srmullen / svelte-reactive-css-preprocess

ionicthemes / ionic6-starter-app

danbahrami / react-custom-properties

juliaqiuxy / theming-demo

snack-ui / snack-helper

daniil4udo / bulvar

mrahhal / css-theming

pdf-ist / paper

dash-ui / styles

navanshu / postcss-variable-compress

nuxodin / css-variables-name-conventions

sparanoid / kladenets