css-custom-properties

There are 2 repositories under css-custom-properties topic.

open-props
argyleink / open-props
CSS custom properties to help accelerate adaptive and consistent design.
css css-colors css-custom-media-queries css-custom-properties css-easing-functions css-gradients css-normalise css-utilites
Language:HTML 4787
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 3047
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 1460
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 325
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 254
shospodarets / css-vars
Sass mixin to use CSS Custom Properties with Sass
css css-custom-properties css-variables sass sass-mixins scss
Language:JavaScript 184
Specifyapp / parsers
Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
design design-system design-tokens design-api style-dictionary tailwindcss theme-ui jss react-native svgo assets design-ops parsers css-custom-properties
Language:TypeScript 112
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 94
danbahrami / react-custom-properties
A React component for applying CSS Variables (Custom Properties)
css-variables react css-custom-properties
Language:JavaScript 58
navanshu / postcss-variable-compress
Minifies / Obscures CSS variable names. Inspired by webpack's obscure plugin, though I never read its codebase
abstraction css css-custom-properties css-optimization css-variables hacktoberfest hacktoberfest2023 postcss vite-plugin
Language:TypeScript 37
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
afonja14755 / ux-select
UX Select is a lightweight Native JavaScript plugin that replace native select elements with customization
native-javascript select select-multiple ux-select css-custom-properties lightweight javascript options typescript vanila-javascript
Language:TypeScript 27
css-vars-hook
morewings / css-vars-hook
css-vars-hook contains React hooks to set and manipulate CSS custom properties from the component.
css-variables react react-hook css-custom-properties css-in-js css-in-react hook
Language:TypeScript 23
enjidev / tailwindcss-accent
Adds accent colors for more dynamic and flexible color utilization.
accent-color css-custom-properties css-variables tailwindcss tailwindcss-plugin tailwindcss-v2 tailwindcss-v3 theming tailwind
Language:JavaScript 16
AztlanEngineering / swatch
A lightweight, modern theming library based on CSS variables and the setter/getter pattern.
css css4vars library theming css-framework css-library css-color css-color-swatches color-swatch color-swatches css3 css-custom-properties getter-pattern setter
Language:SCSS 15
tailwind-css-properties
marcreichel / tailwind-css-properties
Export your TailwindCSS theme colors as css custom properties.
tailwind-css-plugin tailwindcss tailwind tailwind-css tailwindcss-plugin css css-custom-properties hacktoberfest
Language:JavaScript 15
v-helper
meduzen / v-helper
A shorter SCSS access to CSS custom properties.
css css-custom-properties css-variables sass scss scss-function
Language:SCSS 15
meduzen / easings
Easings (cubic-bezier timing functions) as custom properties and SCSS variables.
css scss timing-function cubic-bezier easings scss-variables css-custom-properties
Language:SCSS 13
wwnorton / design-system
The W. W. Norton & Company design system
design-system react react-components sass css-custom-properties typescript-react components
Language:TypeScript 13
tomhodgins / varius
Exposing properties of HTML elements as CSS variables
css-reprocessor css-variables rwd css-custom-properties js-in-css css
Language:HTML 12
giodelabarrera / pokedex
👾 Pokémon characters written with Remix 💿
pokemon pokedex react javascript css-custom-properties remix
Language:TypeScript 11
ThaUnknown / quartermoon
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
css css-custom-properties css-framework css-variables dark-mode dark-theme dashboard javascript web-framework quartermoon
Language:CSS 11
Developer-Zahid / css-impossible-carousel
This is a HTML & CSS based carousel. When a user click on previous and next slide images, then carousel going to start manually.
3d-carousel css css-animations css-carousel css-custom-properties css-flexbox css-slider css-supports css3 radio-inputs slider
Language:CSS 10
StartPolymer / s-grid
s-grid is a helper class useful for creating responsive, fluid grid layouts using CSS Custom Properties.
css-custom-properties css-grid css-variables grid polymer polymer-styles
Language:HTML 9
jocubeit / kube
Kube framework for the Rails asset pipeline & makes variables available as CSS Custom Properties.
asset-pipeline css-custom-properties css3 js kube rails scss
Language:CSS 6
bjankord / styled-components-custom-properties-theme-provider
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. 💅
styled-components theme-provider css-custom-properties css-variables css-theming
Language:JavaScript 5
dinanathsj29 / css-variables-practical-guide-tutorial
Lets learn to use CSS variables a CSS custom properties to create style sheets less repetitive, easier to maintain, better readability and more flexible.
css-custom-properties css-var-function css-variable-value css-variables global-scoped-variables local-scope-variable var-function variable variables-and-their-usages variables-css
Language:HTML 4
jednano / react-theme-context
Provides theme context and hooks. Supports theme switching via CSS custom properties.
css-custom-properties hooks npm-module npm-package react react-hooks theme-context theme-utils theming
Language:TypeScript 3
ngkusnd / sass-theming
✨ simple, easy and modern way to organize your themes.
sass theme theming css css-custom-properties scss
Language:SCSS 3
jamespatrickgibson / union
A design system boilerplate for Svelte & CSS
css-custom-properties design-system svelte-components sveltejs
Language:Svelte 2
justincy / css-modules-and-variables-nextjs
You don't need a CSS-in-JS library with Next.js anymore. We have everything we need with CSS Modules and CSS variables
nextjs css-modules css-variables css-custom-properties reactjs
Language:JavaScript 2
ManeeshChiba / css-parallax
A sub 100Kb parallax library
parallax parallax-effect tiny parallax-scrolling parallax-web parallax-plugin plugin javascript vanilla-javascript vanilla-js vanilla css css-custom-properties css-variables scrolling scroll
Language:JavaScript 2
SimonFinney / custom-properties-parallax
Parallax effect using custom properties
css css-custom-properties javascript npm-package parallax
Language:JavaScript 2
frontendmentor-qr-code-component
amparoamparo / frontendmentor-qr-code-component
QR code component built with HTML and CSS (Frontend Mentor challenge)
frontendmentor css-flexbox frontend-mentor frontend-mentor-challenge frontendmentor-challenge css-custom-properties
Language:CSS 1
favourite-Coder / Task-management-app
Effortlessly manage your tasks with our intuitive Task Manager App. Add, delete, and update tasks with ease. Organize your to-dos into customizable buckets. Stay productive and organized effortlessly!
javascript css-custom-properties css-grid-layout flexbox mobile-first-workflow semantic-html5-markup
Language:JavaScript 1
sfi0zy / medium
Connect CSS and JS worlds with custom properties
css-custom-properties css-variables
Language:JavaScript 1

css-custom-properties

argyleink / open-props

halfmoonui / halfmoon

saadeghi / theme-change

yanchokraev / grayshift

willofindie / vscode-cssvar

shospodarets / css-vars

Specifyapp / parsers

fylgja / fylgja

danbahrami / react-custom-properties

navanshu / postcss-variable-compress

pdf-ist / paper

afonja14755 / ux-select

morewings / css-vars-hook

enjidev / tailwindcss-accent

AztlanEngineering / swatch

marcreichel / tailwind-css-properties

meduzen / v-helper

meduzen / easings

wwnorton / design-system

tomhodgins / varius

giodelabarrera / pokedex

ThaUnknown / quartermoon

Developer-Zahid / css-impossible-carousel

StartPolymer / s-grid

jocubeit / kube

bjankord / styled-components-custom-properties-theme-provider

dinanathsj29 / css-variables-practical-guide-tutorial

jednano / react-theme-context

ngkusnd / sass-theming

jamespatrickgibson / union

justincy / css-modules-and-variables-nextjs

ManeeshChiba / css-parallax

SimonFinney / custom-properties-parallax

amparoamparo / frontendmentor-qr-code-component

favourite-Coder / Task-management-app

sfi0zy / medium