💄CSS tricks for web developers~
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.
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.
🛣 Bulma, Buefy and Bulma Extensions rewritten using CSS Variables
🌐📄/📏 – World Paper / Sizes
An example of a dark mode toggle without JavaScript
SCSS file to support dark mode on your webpage (e.g. Jekyll blog)
Dynamic CSS-grid base on CSS-variables. 🔥
An open color system using oklch to create a flexible and decomposable palette using modern CSS
Front-end framework with a built-in dark mode and full customizability using CSS variables; great for building dashboards and tools.
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.
Implement some useful and advanced DOM manipulations 🏅
A webpage with a City Skyline that switches between day and night time based on the size of the screen
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.
"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.
Easy-to-use hamburger menu animations with CSS variables
A simple key value store for module settings, to make modules more portable. With the nice side-effect that all settings can be output as native CSS variables.
Make default browsers' styles prettier
We are divergent. The CSS framework for people who desire to have more accessible defaults.
Add a description, image, and links to the css-variables topic page so that developers can more easily learn about it.
To associate your repository with the css-variables topic, visit your repo's landing page and select "manage topics."