css-custom-properties | Topic | Ecosyste.ms: Repos

Topic: "css-custom-properties"

argyleink/open-props

CSS custom properties to help accelerate adaptive and consistent design.

Language: HTML - Size: 52.9 MB - Last synced at: 2 days ago - Pushed at: 3 months ago - Stars: 5,073 - Forks: 201

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: 7 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

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

shospodarets/css-vars

Sass mixin to use CSS Custom Properties with Sass

Language: JavaScript - Size: 587 KB - Last synced at: about 9 hours ago - Pushed at: over 2 years ago - Stars: 184 - Forks: 7

Specifyapp/parsers

Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.

Language: TypeScript - Size: 1.21 MB - Last synced at: 11 months ago - Pushed at: about 1 year ago - Stars: 111 - Forks: 15

fylgja/fylgja

The flexible and lightweight CSS library designed to streamline your web development.

Language: CSS - Size: 2.96 MB - Last synced at: 2 days ago - Pushed at: 14 days ago - Stars: 101 - Forks: 1

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

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

afonja14755/ux-select

UX Select is a lightweight Native JavaScript plugin that replace native select elements with customization

Language: TypeScript - Size: 289 KB - Last synced at: 3 days ago - Pushed at: 4 months ago - Stars: 34 - Forks: 0

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

enjidev/tailwindcss-accent

Adds accent colors for more dynamic and flexible color utilization.

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

meduzen/v-helper

A shorter SCSS access to CSS custom properties.

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

marcreichel/tailwind-css-properties

Export your TailwindCSS theme colors as css custom properties.

Language: JavaScript - Size: 21.5 KB - Last synced at: 4 days ago - Pushed at: over 3 years ago - Stars: 16 - Forks: 2

AztlanEngineering/swatch 📦

A lightweight, modern theming library based on CSS variables and the setter/getter pattern.

Language: SCSS - Size: 516 KB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 15 - Forks: 3

wwnorton/design-system

The W. W. Norton & Company design system

Language: TypeScript - Size: 83.3 MB - Last synced at: 3 days ago - Pushed at: 25 days ago - Stars: 13 - Forks: 10

meduzen/easings

Easings (cubic-bezier timing functions) as custom properties and SCSS variables.

Language: SCSS - Size: 76.2 KB - Last synced at: 18 days ago - Pushed at: over 2 years ago - Stars: 13 - Forks: 0

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

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

giodelabarrera/pokedex

👾 Pokémon characters written with Remix 💿

Language: TypeScript - Size: 5.26 MB - Last synced at: 1 day ago - Pushed at: 2 months ago - Stars: 11 - Forks: 1

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.

Language: CSS - Size: 479 KB - Last synced at: 20 days ago - Pushed at: 8 months ago - Stars: 10 - Forks: 0

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

jocubeit/kube

Kube framework for the Rails asset pipeline & makes variables available as CSS Custom Properties.

Language: CSS - Size: 34.2 KB - Last synced at: 21 days ago - Pushed at: about 7 years ago - Stars: 6 - 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: 4 days ago - Pushed at: over 2 years ago - Stars: 5 - Forks: 0

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.

Language: HTML - Size: 6.53 MB - Last synced at: 3 months ago - Pushed at: over 5 years ago - Stars: 4 - Forks: 1

jednano/react-theme-context

Provides theme context and hooks. Supports theme switching via CSS custom properties.

Language: TypeScript - Size: 1.5 MB - Last synced at: 29 days ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0

ngkusnd/sass-theming

✨ simple, easy and modern way to organize your themes.

Language: SCSS - Size: 668 KB - Last synced at: 6 days ago - Pushed at: over 3 years ago - Stars: 3 - Forks: 0

SimonFinney/custom-properties-parallax

Parallax effect using custom properties

Language: JavaScript - Size: 1.05 MB - Last synced at: 5 days ago - Pushed at: over 2 years ago - Stars: 2 - Forks: 1

jamespatrickgibson/union

A design system boilerplate for Svelte & CSS

Language: Svelte - Size: 1.07 MB - Last synced at: 14 days ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 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

Language: JavaScript - Size: 6.84 KB - Last synced at: about 1 year ago - Pushed at: over 5 years ago - Stars: 2 - Forks: 0

ManeeshChiba/css-parallax

A sub 100Kb parallax library

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

soujvnunes/themizer

TypeScript Node.js package for generating CSS custom properties within media queries or selectors via CLI

Language: TypeScript - Size: 288 KB - Last synced at: 19 days ago - Pushed at: about 2 months ago - Stars: 1 - Forks: 0

terkel/why-im-excited-about-native-css-variables

Japanese translation of ‘Why I’m Excited About Native CSS Variables’

Language: HTML - Size: 255 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 1 - Forks: 0

abdullah-mn/QR-card-component

Frontend Mentor - QR card component component (HTML & CSS, Newbie)

Language: HTML - Size: 157 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 1 - Forks: 0

silvermine/postcss-css-var-fallback

PostCSS plugin to insert fallbacks for CSS Custom Properties

Language: JavaScript - Size: 359 KB - Last synced at: 3 months ago - Pushed at: 10 months ago - Stars: 1 - Forks: 3

sskhekhaliya/Calculator

This is a solution to the Calculator app challenge on Frontend Mentor. Completed by using HTML, CSS, and jQuery.

Language: JavaScript - Size: 165 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

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!

Language: JavaScript - Size: 408 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

ravenbrightdesign/ravenbrightcss 📦

Modern, zero-config & style agnostic CSS library with utility classes, reusable design tokens, minimal components & built-in dark mode to help you build static sites faster without hassle

Language: CSS - Size: 290 KB - Last synced at: 4 days ago - Pushed at: over 1 year ago - Stars: 1 - Forks: 0

richardcyrus/fm-clock-app

This is a solution to the Clock app challenge on Frontend Mentor

Language: SCSS - Size: 5.77 MB - Last synced at: 4 months ago - Pushed at: almost 2 years ago - Stars: 1 - Forks: 0

richardcyrus/fm-crowdfunding-product-page

This is a solution to the Crowdfunding product page challenge on Frontend Mentor

Language: SCSS - Size: 2.32 MB - Last synced at: 4 months ago - Pushed at: about 2 years ago - Stars: 1 - Forks: 0

n3ps/css-variables-helpers

Helpers to get, and set, and toggle CSS Variables (aka CSS Custom Properties)

Language: JavaScript - Size: 222 KB - Last synced at: 20 days ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

SimonFinney/parse-css-custom-property

Parse CSS custom property string

Language: JavaScript - Size: 2.14 MB - Last synced at: about 1 year ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

baskeboler/angular-themes-blog-post

Demo app with a scalable theming system implemented in angular

Language: TypeScript - Size: 2.29 MB - Last synced at: 4 months ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

shwilliam/react-use-css-var

👩‍🎨 A tiny hook to interface with CSS custom properties

Language: TypeScript - Size: 432 KB - Last synced at: 8 days ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

alexjharrison/wordle-clone

Installable PWA clone of Wordle using Vue3 + Typescript

Language: TypeScript - Size: 794 KB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

cholis04/clipboard-landing-page-master

This is my solution to the Clipboard Landing Page challenge on Frontend Mentor.

Language: CSS - Size: 4.23 MB - Last synced at: 28 days ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

michael-schlueter/recipe-public

An app to display and organize your own recipes

Language: CSS - Size: 1010 KB - Last synced at: about 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

richardcyrus/fm-testimonials-grid-section

This is a solution to the Testimonials grid section challenge on Frontend Mentor

Language: HTML - Size: 835 KB - Last synced at: about 1 month ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 0

richardcyrus/fm-faq-accordion-card

FAQ accordion card challenge on Frontend Mentor

Language: JavaScript - Size: 721 KB - Last synced at: 4 months ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 0

richardcyrus/fm-blogr-landing-page

This is a solution to the Blogr landing page challenge on Frontend Mentor

Language: CSS - Size: 3.1 MB - Last synced at: 4 months ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 0

yrd/tm2css

Turing machine built exclusively using CSS (with a bit of HTML)

Language: SCSS - Size: 7.81 KB - Last synced at: about 2 years ago - Pushed at: almost 4 years ago - Stars: 1 - Forks: 0

iMrDJAi/dynamo-css

Make your css variables more dynamic and relative with dynamo-css!

Language: JavaScript - Size: 31.3 KB - Last synced at: 18 days ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 0

coffee-cup/theme-custom-properties

Convert theme to CSS custom properties and CSS

Language: TypeScript - Size: 161 KB - Last synced at: about 2 months ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

BernardoPiedade/smooth

This is my attempt at creating a css "framework" like bootstrap and material.

Language: CSS - Size: 3.91 KB - Last synced at: over 2 years ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

cedpoilly/fec-slideshow

Web Component version of a HTML + CSS slideshow from this article: https://mrsunshyne.gitlab.io/blog/a-slideshow-using-css-animations-custom-properties

Language: JavaScript - Size: 2.93 KB - Last synced at: 4 months ago - Pushed at: over 5 years ago - Stars: 1 - Forks: 1

darrylyeo/DY-Theme

(Eventual) WordPress theme for https://darryl-yeo.com.

Language: JavaScript - Size: 1.43 MB - Last synced at: about 12 hours ago - Pushed at: over 7 years ago - Stars: 1 - Forks: 1

ktsn/vue-custom-properties

Make easier to use CSS custom properties in Vue components

Language: TypeScript - Size: 45.9 KB - Last synced at: 2 months ago - Pushed at: about 8 years ago - Stars: 1 - Forks: 1

nicholaswmin/arithmeticss

arithmetic expressions on CSS variables

Language: HTML - Size: 352 KB - Last synced at: 2 days ago - Pushed at: 7 months ago - Stars: 0 - Forks: 0

patriciarrs/Frontend-Mentor-Recipe-Page

Mobile-first recipe page using Flexbox - a solution to the Recipe page challenge on Frontend Mentor.

Language: HTML - Size: 1.03 MB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

patriciarrs/Frontend-Mentor-Social-Links-Profile

Mobile-first social links profile using Flexbox - a solution to the Social links profile challenge on Frontend Mentor.

Language: HTML - Size: 862 KB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

patriciarrs/Frontend-Mentor-Blog-Preview-Card

This is a solution to the Blog preview card challenge on Frontend Mentor.

Language: CSS - Size: 300 KB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

seyoonPuvi/simple-themeToggle-app

simple dark and light theme switching feature enabled application using react context and implementing its properties

Language: JavaScript - Size: 181 KB - Last synced at: 4 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

annaindistress/frontend-mentor-recipe-page

This is a solution to the recipe page challenge on Frontend Mentor

Language: CSS - Size: 1.59 MB - Last synced at: about 1 month ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

annaindistress/frontend-mentor-blog-preview-card

This is a solution to the blog preview card challenge on Frontend Mentor

Language: CSS - Size: 375 KB - Last synced at: 3 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

geliettech/Social-Links-Profile

Solution to the Social links profile challenge on Frontend Mentor(https://www.frontendmentor.io/challenges/social-links-profile-UG32l9m6dQ).

Language: HTML - Size: 6.67 MB - Last synced at: about 2 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

MargauxArmanet/Frontend-Mentor-Challenge-Recipe-Page

Language: HTML - Size: 551 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

FayeVinyl/FM-qr-code-component

Frontend Mentor challenge - recreating a given design with html and css

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

hemanth110702/sunnyside-agency-landing-page-challenge

Explore my solution for the Frontend Mentor Sunnyside Agency Landing Page challenge! This project features a modern and visually appealing landing page design for Sunnyside, highlighting the agency's creative services. The responsive layout ensures seamless navigation and a compelling user experience on various devices.

Language: CSS - Size: 1.24 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

hemanth110702/rock-paper-scissors-challenge

Dive into my solution for the Frontend Mentor Rock, Paper, Scissors challenge! This project showcases an interactive and engaging implementation of the classic game. With a user-friendly interface and smooth transitions, the design offers a delightful experience for players.

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

hemanth110702/space-tourism-practise-challenge

Take a journey through my solution for the Frontend Mentor Space Tourism Website challenge! This project presents a captivating and futuristic website design dedicated to space tourism. With an emphasis on visual appeal and user experience, the responsive layout ensures an immersive exploration across different devices.

Language: HTML - Size: 1.45 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

hemanth110702/clipboard-landing-page-challenge

Check out my solution for the Frontend Mentor Clipboard Landing Page challenge! This project showcases a meticulously designed landing page with a focus on user-friendly features and a clean layout. The responsive design ensures seamless viewing across various devices.

Language: HTML - Size: 1.21 MB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0