css-variables

There are 24 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 5437
AllThingsSmitty / must-watch-css
🔥 CSS talks you have to see ⚡️ covering CSS Grid, flexbox, custom variables, performance, frameworks, Sass, tools, and more! 🚀
css awesome awesome-list css-flexbox css-framework css-grid css-performance css3 performance conference-talk talks video css-variables cssconf custom-variables jsconf learning-resources conference-videos
4840
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.
css dark-theme dark-mode dashboard web-framework halfmoon css-framework css-variables css-custom-properties bootstrap bootstrap5
Language:CSS 3113
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 1672
nuxodin / ie11CustomProperties
CSS variables (Custom Properties) polyfill for IE11
css-variables custom-properties ie11 polyfill
Language:HTML 925
hyperfocalHQ / pollen
The CSS variables build system
css functional-css css-framework css-variables design-system css-utilites utilty-classes tailwindcss
Language:TypeScript 909
ColinEspinas / darken
🌑 Dark mode made easy
css-variables user-preference javascript javascript-library prefers-color-scheme darkmode vanilla-javascript
Language:JavaScript 610
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 502
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
337
grayshift
yanchokraev / grayshift
A lightweight front-end component library for developing fast and powerful web interfaces.
css css-custom-properties css-framework css-variables custom-properties dark-mode grayshift html javascript js sass scss ui-kit
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
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 268
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 267
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 239
tailwindcss-variables
mertasan / tailwindcss-variables
Easily create css variables without the need for a css file!
css-variables tailwindcss-variables tailwindcss tailwind dark-mode multi-theme
Language:JavaScript 234
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
vunguyentuan / vscode-css-variables
CSS variables autocomplete for vscode
vscode css-variables autocomplete extension vscode-extension
Language:TypeScript 164
Trig-JS
iDev-Games / Trig-JS
Trig.js powers dynamic, CSS-driven animate-on-scroll effects using CSS variables and element position data, making AOS effortless. Create custom animations in CSS or use trig-animations.css for ready-made effects—full control or quick setup. Perfect for storytelling websites.
animation css html js css-animations css-variables data-attribute-html design frontend simple animate-on-scroll aos-animation scroll-animations reveal-animation
Language:CSS 154
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 146
josefaidt / svelte-themer
A theming engine for your Svelte apps using CSS Variables, persisted.
theme css-variables svelte theming
Language:JavaScript 140
richardtallent / vue-stars
Flexible VueJS input control for ratings (stars, etc.).
vue vue-components css-variables input stars hover-animations
Language:Vue 116
tomhodgins / computed-variables
Easy to use event-driven CSS variables
css reprocessor css-reprocessor css-variables variables custom-properties custom-property cssom
Language:JavaScript 82
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 66
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
63
srmullen / svelte-reactive-css-preprocess
Automatically update your styles when a svelte variable changes.
sveltejs preprocessor javascript css css-variables reactivity
Language:JavaScript 63
juliaqiuxy / theming-demo
https://codesandbox.io/s/github/juliaqiuxy/theming-demo/tree/master/?from-embed
nextjs react css-variables cookies theming
Language:JavaScript 60
danbahrami / react-custom-properties
A React component for applying CSS Variables (Custom Properties)
css-variables react css-custom-properties
Language:JavaScript 58
daniil4udo / bulvar
🛣 Bulma, Buefy and Bulma Extensions rewritten using CSS Variables
sass css bulma buefy css-variables css-properties scss
Language:CSS 55
snack-ui / snack-helper
🗃 A universal CSS helper library.
css-helpers snack-helper css-variables sass css-utilities scss
Language:SCSS 54
mrahhal / css-theming
A platform for CSS theming.
css theme theming scss css-variables
Language:SCSS 39
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
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-in-js css-in-react css-in-typescript typescript css-in-ts design-system css-patterns css-framework design-tokens css-variables
Language:TypeScript 35
nuxodin / css-variables-name-conventions
Custom properties: Naming conventions
css-variables conventions naming-conventions naming
30
kladenets
sparanoid / kladenets
Future-proof native CSS variables in :root
css css-variables
Language:HTML 28
TymekDev / no-js-dark-mode-toggle
An example of a dark mode toggle without JavaScript
css css-variables dark-mode dark-theme html prefers-color-scheme
Language:CSS 28

css-variables

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

AllThingsSmitty / must-watch-css

halfmoonui / halfmoon

saadeghi / theme-change

nuxodin / ie11CustomProperties

hyperfocalHQ / pollen

ColinEspinas / darken

innocenzi / tailwindcss-theming

kristerkari / react-native-css-modules

yanchokraev / grayshift

willofindie / vscode-cssvar

just-animate / just-animate

Wildhoney / Switzerland

kaisermann / svelte-css-vars

mertasan / tailwindcss-variables

shospodarets / css-vars

vunguyentuan / vscode-css-variables

iDev-Games / Trig-JS

tomhodgins / cssplus

josefaidt / svelte-themer

richardtallent / vue-stars

tomhodgins / computed-variables

pveyes / theme-in-css

ionicthemes / ionic6-starter-app

srmullen / svelte-reactive-css-preprocess

juliaqiuxy / theming-demo

danbahrami / react-custom-properties

daniil4udo / bulvar

snack-ui / snack-helper

mrahhal / css-theming

navanshu / postcss-variable-compress

pdf-ist / paper

dash-ui / styles

nuxodin / css-variables-name-conventions

sparanoid / kladenets

TymekDev / no-js-dark-mode-toggle