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

🌐📄/📏 – World Paper / Sizes

Dynamic CSS-grid base on CSS-variables. 🔥

An example of a dark mode toggle without JavaScript

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

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

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.

2D animation of the Solar System. This project was done after finishing CSS part of the course (before learning SCSS and JS).

Modern Web Development with the Power of CSS Variables and Flexbox Grid System

🎨 ~400 useful, ready-to-import CSS variables generated straight from Tailwind source.

The hated login page

E-commerce website featuring apple products with photo albums, color variants, descriptions, and add-to-cart functionality, emphasizing visual appeal and usability.

A webpage with a City Skyline that switches between day and night time based on the size of the screen

🎨 CSS variables for Google's Material Design palette