css-variables | Topic | Ecosyste.ms: Repos

Topic: "css-variables"

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

💄CSS tricks for web developers~

Language: CSS - Size: 5.31 MB - Last synced at: 5 days ago - Pushed at: 11 months ago - Stars: 5,417 - Forks: 619

AllThingsSmitty/must-watch-css

🔥 CSS talks you have to see ⚡️ covering CSS Grid, flexbox, custom variables, performance, frameworks, Sass, tools, and more! 🚀

Size: 150 KB - Last synced at: 3 days ago - Pushed at: 3 months ago - Stars: 4,805 - Forks: 244

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.

Language: CSS - Size: 490 KB - Last synced at: 10 days ago - Pushed at: 6 months ago - Stars: 3,098 - Forks: 115

saadeghi/theme-change

Change CSS theme with toggle, buttons or select using CSS custom properties and localStorage

Language: JavaScript - Size: 97.7 KB - Last synced at: 7 days ago - Pushed at: over 1 year ago - Stars: 1,612 - Forks: 51

nuxodin/ie11CustomProperties

CSS variables (Custom Properties) polyfill for IE11

Language: HTML - Size: 240 KB - Last synced at: about 23 hours ago - Pushed at: over 1 year ago - Stars: 924 - Forks: 82

hyperfocalHQ/pollen

The CSS variables build system

Language: TypeScript - Size: 2.06 MB - Last synced at: 7 days ago - Pushed at: about 2 months ago - Stars: 897 - Forks: 14

ColinEspinas/darken

🌑 Dark mode made easy

Language: JavaScript - Size: 725 KB - Last synced at: 5 days ago - Pushed at: over 2 years ago - Stars: 610 - Forks: 33

innocenzi/tailwindcss-theming

CSS-variables-based swappable themes for Tailwind CSS

Language: TypeScript - Size: 3.45 MB - Last synced at: 20 days ago - Pushed at: about 1 year ago - Stars: 501 - Forks: 20

kristerkari/react-native-css-modules

Style React Native components using CSS, PostCSS, Sass, Less or Stylus.

Size: 294 KB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 336 - Forks: 20

yanchokraev/grayshift

A lightweight front-end component library for developing fast and powerful web interfaces.

Language: SCSS - Size: 914 KB - Last synced at: 11 months ago - Pushed at: almost 4 years ago - Stars: 325 - Forks: 80

willofindie/vscode-cssvar

VSCode extension to support CSS Variables Intellisense

Language: TypeScript - Size: 792 KB - Last synced at: 3 months ago - Pushed at: 6 months ago - Stars: 269 - Forks: 6

🇨🇭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.

Language: TypeScript - Size: 39.1 MB - Last synced at: about 1 month ago - Pushed at: 9 months ago - Stars: 268 - Forks: 15

just-animate/just-animate

Making Animation Simple

Language: TypeScript - Size: 6.96 MB - Last synced at: 10 days ago - Pushed at: over 6 years ago - Stars: 267 - Forks: 18

kaisermann/svelte-css-vars

:sparkles: Ever wanted to have reactive css variables in svelte? What if I told you there's a way?

Language: JavaScript - Size: 1.37 MB - Last synced at: 24 days ago - Pushed at: over 2 years ago - Stars: 240 - Forks: 3

mertasan/tailwindcss-variables

Easily create css variables without the need for a css file!

Language: JavaScript - Size: 665 KB - Last synced at: 3 days ago - Pushed at: 9 months ago - Stars: 232 - Forks: 15

shospodarets/css-vars

Sass mixin to use CSS Custom Properties with Sass

Language: JavaScript - Size: 587 KB - Last synced at: 20 days ago - Pushed at: over 2 years ago - Stars: 184 - Forks: 7

vunguyentuan/vscode-css-variables

CSS variables autocomplete for vscode

Language: TypeScript - Size: 22.3 MB - Last synced at: about 23 hours ago - Pushed at: about 1 year ago - Stars: 150 - Forks: 21

tomhodgins/cssplus

CSSplus is a collection of CSS Reprocessor plugins that dynamically update CSS variables

Language: JavaScript - Size: 58.6 KB - Last synced at: 23 days ago - Pushed at: almost 6 years ago - Stars: 145 - Forks: 4

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.

Language: CSS - Size: 4.46 MB - Last synced at: 25 days ago - Pushed at: 3 months ago - Stars: 141 - Forks: 3

josefaidt/svelte-themer

A theming engine for your Svelte apps using CSS Variables, persisted.

Language: JavaScript - Size: 1.57 MB - Last synced at: 32 minutes ago - Pushed at: over 3 years ago - Stars: 140 - Forks: 14

richardtallent/vue-stars

Flexible VueJS input control for ratings (stars, etc.).

Language: Vue - Size: 598 KB - Last synced at: 2 days ago - Pushed at: 3 months ago - Stars: 114 - Forks: 19

tomhodgins/computed-variables

Easy to use event-driven CSS variables

Language: JavaScript - Size: 23.4 KB - Last synced at: 2 days ago - Pushed at: over 6 years ago - Stars: 82 - Forks: 1

pveyes/theme-in-css

Type-safe CSS custom properties (CSS variables) for theming purpose

Language: TypeScript - Size: 1.14 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 66 - Forks: 0

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! 🚀

Size: 9.77 KB - Last synced at: 2 months ago - Pushed at: over 3 years ago - Stars: 63 - Forks: 33

srmullen/svelte-reactive-css-preprocess

Automatically update your styles when a svelte variable changes.

Language: JavaScript - Size: 34.2 KB - Last synced at: 3 days ago - Pushed at: over 3 years ago - Stars: 63 - Forks: 2

juliaqiuxy/theming-demo

https://codesandbox.io/s/github/juliaqiuxy/theming-demo/tree/master/?from-embed

Language: JavaScript - Size: 1.89 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 60 - Forks: 4

danbahrami/react-custom-properties

A React component for applying CSS Variables (Custom Properties)

Language: JavaScript - Size: 29.3 KB - Last synced at: 9 days ago - Pushed at: over 7 years ago - Stars: 58 - Forks: 10

snack-ui/snack-helper

🗃 A universal CSS helper library.

Language: SCSS - Size: 532 KB - Last synced at: about 12 hours ago - Pushed at: almost 2 years ago - Stars: 56 - Forks: 15

daniil4udo/bulvar

🛣 Bulma, Buefy and Bulma Extensions rewritten using CSS Variables

Language: CSS - Size: 5.57 MB - Last synced at: about 16 hours ago - Pushed at: 11 days ago - Stars: 55 - Forks: 3

mrahhal/css-theming

A platform for CSS theming.

Language: SCSS - Size: 3.31 MB - Last synced at: 7 days ago - Pushed at: over 2 years ago - Stars: 39 - Forks: 10

navanshu/postcss-variable-compress

Minifies / Obscures CSS variable names. Inspired by webpack's obscure plugin, though I never read its codebase

Language: TypeScript - Size: 1.15 MB - Last synced at: 7 days ago - Pushed at: 5 months ago - Stars: 38 - Forks: 2

pdf-ist/paper

🌐📄/📏 – World Paper / Sizes

Language: CSS - Size: 41 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 36 - Forks: 1

dash-ui/styles

≡𝘿𝙖𝙨𝙝 A tiny, powerful, framework-agnostic CSS-in-JS library

Language: TypeScript - Size: 2.08 MB - Last synced at: 9 days ago - Pushed at: over 1 year ago - Stars: 35 - Forks: 2

nuxodin/css-variables-name-conventions

Custom properties: Naming conventions

Size: 48.8 KB - Last synced at: 6 days ago - Pushed at: about 1 year ago - Stars: 30 - Forks: 2

sparanoid/kladenets

Future-proof native CSS variables in :root

Language: HTML - Size: 849 KB - Last synced at: 24 days ago - Pushed at: 5 months ago - Stars: 28 - Forks: 2

raulghm/multi-brand-colors

Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON

Language: HTML - Size: 121 KB - Last synced at: 6 days ago - Pushed at: over 8 years ago - Stars: 28 - Forks: 4

morewings/css-vars-hook

Bring dynamic styling into your React components with css-vars-hook. Simple and intuitive hooks for managing CSS Custom Properties. Integrate styles with component logic.

Language: TypeScript - Size: 8.08 MB - Last synced at: 13 days ago - Pushed at: 17 days ago - Stars: 26 - Forks: 0

stephen-mclean/project-crypto

Simple Angular cryptocurrency listing app. Themed using CSS variables

Language: TypeScript - Size: 373 KB - Last synced at: 6 months ago - Pushed at: over 6 years ago - Stars: 24 - Forks: 18

philippebeck/animadio

CSS Library made with Sass

Language: SCSS - Size: 7.35 MB - Last synced at: 18 days ago - Pushed at: over 1 year ago - Stars: 22 - Forks: 2

angular-package/spectre.css Fork of picturepan2/spectre

Modified Spectre.css - a lightweight, responsive, and modern CSS framework originally designed by Yan Zhu.

Language: SCSS - Size: 8.25 MB - Last synced at: 20 days ago - Pushed at: over 1 year ago - Stars: 22 - Forks: 2

BetaHuhn/drkmd.js

🌓 Simple dark-mode/light-mode logic for any website.

Language: JavaScript - Size: 411 KB - Last synced at: about 1 hour ago - Pushed at: about 1 year ago - Stars: 20 - Forks: 5

enjidev/tailwindcss-accent

Adds accent colors for more dynamic and flexible color utilization.

Language: JavaScript - Size: 143 KB - Last synced at: 18 days ago - Pushed at: over 2 years ago - Stars: 19 - Forks: 1

codebase-frontend-library/codebase-5

A business class CSS style library for the modern web

Language: SCSS - Size: 7.78 MB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 18 - Forks: 2

TymekDev/no-js-dark-mode-toggle

An example of a dark mode toggle without JavaScript

Language: CSS - Size: 9.77 KB - Last synced at: 3 days ago - Pushed at: 7 months ago - Stars: 18 - Forks: 3

zvizvi/freewindcss

🍃 Use Tailwind's set values and units in pure CSS variables

Language: SCSS - Size: 181 KB - Last synced at: 3 months ago - Pushed at: about 2 years ago - Stars: 18 - Forks: 1

Jorger/Calculator_The_Game_ReactJS

:bulb: Calculator The Game - ReactJS

Language: JavaScript - Size: 3.38 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 18 - Forks: 10

AhmadrezaMozaffary/Belfius-Banking

HTML - CSS - JS 🏅

Language: JavaScript - Size: 1.25 MB - Last synced at: 3 days ago - Pushed at: over 3 years ago - Stars: 18 - Forks: 1

jh3y/focussed-twitter

Let's focus on the tweets! 🐦

Language: JavaScript - Size: 4.57 MB - Last synced at: 3 months ago - Pushed at: about 1 year ago - Stars: 17 - Forks: 1

Eraden/bitque

A simplified Jira clone built with seed.rs and actix

Language: Rust - Size: 12 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 17 - Forks: 1

sidx1024/svelte-style-directive 📦

A custom Svelte preprocessor to add support for style directive.

Language: JavaScript - Size: 71.3 KB - Last synced at: 27 days ago - Pushed at: over 3 years ago - Stars: 17 - Forks: 1

jdrupal-dev/css-vars.nvim

Neovim plugin for css variable autocompletion

Language: Lua - Size: 11.7 KB - Last synced at: about 2 months ago - Pushed at: 5 months ago - Stars: 16 - Forks: 3

meduzen/v-helper

A shorter SCSS access to CSS custom properties.

Language: SCSS - Size: 38.1 KB - Last synced at: 1 day ago - Pushed at: over 1 year ago - Stars: 16 - Forks: 1

okydk/basegrid

Dynamic CSS-grid base on CSS-variables. 🔥

Language: CSS - Size: 82 KB - Last synced at: about 22 hours ago - Pushed at: about 2 years ago - Stars: 15 - Forks: 1

denisraslov/stylelint-value-no-exposed-custom-properties

A stylelint rule to disallow usage of exposed custom properties

Language: JavaScript - Size: 91.8 KB - Last synced at: 11 days ago - Pushed at: almost 3 years ago - Stars: 14 - Forks: 1

hadalin/dark-mode-sass

SCSS file to support dark mode on your webpage (e.g. Jekyll blog)

Language: CSS - Size: 539 KB - Last synced at: almost 2 years ago - Pushed at: over 5 years ago - Stars: 14 - Forks: 4

keithamus/openswatch

An open color system using oklch to create a flexible and decomposable palette using modern CSS

Language: CSS - Size: 117 KB - Last synced at: 14 days ago - Pushed at: 5 months ago - Stars: 13 - Forks: 1

ThaUnknown/quartermoon

Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.

Language: CSS - Size: 409 KB - Last synced at: 8 days ago - Pushed at: almost 3 years ago - Stars: 13 - Forks: 2

Thisisjuke/tailwindcss-css-variables-palette-plugin

Generate a color palette 🎨 using CSS variables 🔡 for TailwindCSS 🍃

Language: JavaScript - Size: 85 KB - Last synced at: 7 days ago - Pushed at: over 2 years ago - Stars: 12 - Forks: 2

ionicthemes/how-to-build-any-ui-with-ionic

Explore different strategies you can use to customize and extend the Ionic UI Components to create any UI you want.

Language: TypeScript - Size: 577 KB - Last synced at: 2 months ago - Pushed at: over 3 years ago - Stars: 12 - Forks: 8

tomhodgins/varius

Exposing properties of HTML elements as CSS variables

Language: HTML - Size: 3.91 KB - Last synced at: about 2 years ago - Pushed at: over 7 years ago - Stars: 12 - Forks: 1

roginfarrer/cmp-css-variables Fork of pontusk/cmp-sass-variables

nvim-cmp completion source for CSS variables

Language: Lua - Size: 8.79 KB - Last synced at: 6 days ago - Pushed at: about 1 year ago - Stars: 11 - Forks: 5

gazpachu/joanmira

Joan Mira Studio Website

Language: EJS - Size: 1.43 GB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 10 - Forks: 2

moumen-soliman/shortcut.css

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.

Language: CSS - Size: 44.9 KB - Last synced at: 9 days ago - Pushed at: over 7 years ago - Stars: 10 - Forks: 0

und-pohlen/und-css

Custom Property based CSS Framework fully configurable using SASS

Language: SCSS - Size: 8.14 MB - Last synced at: 24 days ago - Pushed at: 7 months ago - Stars: 9 - Forks: 0

kolebayev/valor-figma-plugin

Figma plugin for color pallette representation

Language: TypeScript - Size: 998 KB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 9 - Forks: 3

StartPolymer/s-grid

s-grid is a helper class useful for creating responsive, fluid grid layouts using CSS Custom Properties.

Language: HTML - Size: 27.3 KB - Last synced at: 3 months ago - Pushed at: over 8 years ago - Stars: 9 - Forks: 1

nkt/css-variables-parser

CSS variables parser

Language: JavaScript - Size: 288 KB - Last synced at: 11 days ago - Pushed at: over 2 years ago - Stars: 8 - Forks: 1

ItsJonQ/stylis-plugin-css-variables

🔄 Transforms CSS variable into static values for non-supported browsers

Language: JavaScript - Size: 4.29 MB - Last synced at: 3 days ago - Pushed at: over 2 years ago - Stars: 8 - Forks: 2

sya-ri/css-var-extract

Use CSS variables type-safely for CSS-in-JS. Generate at build time, has no runtime dependencies, and can be optimized.

Language: TypeScript - Size: 389 KB - Last synced at: about 8 hours ago - Pushed at: 9 months ago - Stars: 7 - Forks: 0

requestmethod/tailwind-plugin-css-themes

Tailwind CSS plugin to create themes using CSS classes and variables.

Language: TypeScript - Size: 45.9 KB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 7 - Forks: 0

AhmadrezaMozaffary/Belfius-banking-landing

Implement some useful and advanced DOM manipulations 🏅

Language: CSS - Size: 9.73 MB - Last synced at: 3 months ago - Pushed at: almost 2 years ago - Stars: 7 - Forks: 0

ozngrsc/Twitter-Clone

Language: JavaScript - Size: 1.64 MB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 7 - Forks: 1

yablko/reminders-remake-mac-to-html

HTML a CSS kurz 🇸🇰 Prerobím Mac appku do HTML a počas toho vysvetlím flexbox, grid, svg, css premenné, relatívne jednotky a ďalšie srandy.

Language: HTML - Size: 216 KB - Last synced at: over 1 year ago - Pushed at: about 4 years ago - Stars: 7 - Forks: 7

Mteixeira88/css-variables-IE-plugin Fork of emanuellopes/typescript-boilerplate

This project enables the use of the last breakthrough web enchancements on Internet Explorer

Language: JavaScript - Size: 1020 KB - Last synced at: about 1 year ago - Pushed at: over 7 years ago - Stars: 7 - Forks: 0

lukethacoder/cytoscape-css-variables

🎨 add CSS Variable functionality to cytoscape.js

Language: TypeScript - Size: 830 KB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 6 - Forks: 0

Inwerpsel/design-mode

A React theme editor

Language: JavaScript - Size: 51.2 MB - Last synced at: 11 days ago - Pushed at: 20 days ago - Stars: 6 - Forks: 0

Nuvotion-Visuals/Formation

Comprehensive component library for creating apps and websites that demand responsive, unified cross-platform experiences.

Language: TypeScript - Size: 90.6 MB - Last synced at: 6 months ago - Pushed at: about 1 year ago - Stars: 6 - Forks: 0

iamsainikhil/keyboard

A virtual keyboard to explore cool themes and custom key functions.

Language: HTML - Size: 141 KB - Last synced at: 2 months ago - Pushed at: almost 5 years ago - Stars: 6 - Forks: 0

RenderBr/craycss

A dark theme oriented CSS library. Striving to have a look similar to Discord's UI. We're currently working on making it easy to transition from Bootstrap to Cray.

Language: CSS - Size: 193 KB - Last synced at: 1 day ago - Pushed at: about 5 years ago - Stars: 6 - Forks: 0

Ahmed-Elrashidii/Mealify

"Mealify" is a responsive restaurant landing page that offers a delightful and engaging user experience. The website showcases various sections including a home page, chefs' profiles, a gallery of appetizing dishes, and a contact section.

Language: CSS - Size: 1.98 MB - Last synced at: 19 days ago - Pushed at: 7 months ago - Stars: 5 - Forks: 0

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. 💅

Language: JavaScript - Size: 10.6 MB - Last synced at: 3 days ago - Pushed at: over 2 years ago - Stars: 5 - Forks: 0