Here you can read past volumes of HelloGitHub Monthly by category. You are currently viewing the HelloGitHub CSS collection.
Beautiful Arctic Blue Color Scheme. This is an open-source Arctic Blue theme color scheme, including 16 soft shades, suitable for applications such as code editors, terminals, and web design. Even if you can't visit the Arctic in person, you can use this tranquil blue to immerse your visual experience in a journey.
CSS Library for LaTeX Document Style. This is a CSS styling library that can make your website resemble a LaTeX document, supporting tags for theorems, definitions, lemmas, and proofs, as well as optional class names for authors, subtitles, abstracts, and more.
CSS Easing Functions Cheat Sheet. Easing functions are used to control the speed of CSS animations. This project provides a series of elegant examples of easing functions, along with their effects.
.block { transition: transform 0.6s cubic-bezier(0.7, 0, 0.84, 0); }
Free Collection of Tailwind CSS Components. This project offers a variety of free Tailwind CSS components suitable for websites, marketing, and e-commerce platforms. These components support dark mode, mobile adaptation, and LTR, and can be used by simply copying the code.
Cool Pokémon Card CSS Effects. This project is a collection of advanced CSS styles for Pokémon cards, employing techniques such as 3D transformations, filters, and gradients to achieve effects like luster, texture, galaxy holographic, and vertical light beams.
Web UI Component Library for Back-end Developers. This is a free Web UI component library developed using the native HTML/CSS/JS coding mode. It is easy to use without the need for a build tool, very beginner-friendly, and features a clean and refreshing UI that is highly appreciated by many back-end developers.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>开始使用 Layui</title> <link href="./layui/css/layui.css" rel="stylesheet"> </head> <body> <!-- HTML --> <script src="./layui/layui.js"></script> <script> // 使用组件 layui.use(['layer', 'form'], function(){ var layer = layui.layer; var form = layui.form; // 欢迎语 layer.msg('Hello World'); }); </script> </body> </html>
GitHub Open Source Design System. A project open-sourced and maintained by GitHub's design team, encompassing GitHub's interface design principles, usage guidelines, and ready-to-use UI components.
National University Emblems Font Icon Library. This project includes font icons made from the emblems of over 200 universities in China.
An Extremely Popular Tailwind CSS Component Library. As the most popular Tailwind CSS component library today, it features high aesthetics, cleaner HTML, and in-depth customization capabilities.
<ul class="menu p-3 bg-base-200 rounded-xl"> <li class="menu-title"> <span>Menu Title</span> </li> <li><a>First Menu Item</a></li> <li><a>Second Menu Item</a></li> <li><a>Third Menu Item</a></li> </ul>
仅用 CSS 实现网络聊天。前端不用 JavaScript 只用 CSS 实现网络聊天的功能，秘诀是伪选择器加载的背景图像和永远加载的索引页。
.some-button:active { background-image: url('some_image.jpg') }
