这里是按照「分类」阅读往期的 HelloGitHub 月刊内容, 您目前在查看 HelloGitHub CSS 项目 集合。
自托管应用的主题集合。该项目为各种自托管 Web 应用提供统一且美观的主题和皮肤,支持 Nextcloud、Sonarr、Radarr、Jackett、Emby、Jellyfin 和 Home Assistant 等 50 多款应用。

好看的北极蓝配色方案。这是一个开源的北极蓝主题配色方案,包含 16 种柔和的色调,适用于代码编辑器、终端和网页设计等应用场景。无法亲临北极,也能用这抹宁静的蓝,给视觉一次沉浸式旅行。

LaTex 文档风格的 CSS 库。这是一个能够让你的网站看起来像 LaTex 文档的 CSS 样式库,支持定理、定义、引理和证明的标签,以及作者、副标题、摘要等可选的类名。

CSS 缓动函数速查表。缓动函数(Easing Functions)是一种用于控制 CSS 动画速度的函数,该项目提供了一系列优雅的缓动函数示例代码和效果展示。
.block { transition: transform 0.6s cubic-bezier(0.7, 0, 0.84, 0); }

免费的 Tailwind CSS 组件集合。该项目提供了一系列适用于网站、营销和电商等网站的免费 Tailwind CSS 组件。这些组件支持深色模式、移动端适配和 LTR,复制代码即可使用。

炫酷的神奇宝贝卡牌 CSS 效果。该项目是口袋怪兽卡高级 CSS 样式集合,使用了 3D 变换、滤镜、渐变等技术,实现了眩光、纹理、银河全息、垂直光束等效果。

面向后端开发者的 Web UI 组件库。这是一款采用原生态 HTML/CSS/JS 开发模式的免费 Web UI 组件库,它拿来即用无需构建工具,极易上手、UI 简约清爽,深受广大后端开发者们的喜爱。
<!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>

一款极为流行的 Tailwind CSS 组件库。作为当下最流行的 Tailwind CSS 组件库,具有高颜值、更纯净的 HTML、深度自定义等特点。
<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>
