下拉刷新
CSS 项目

这里是按照「分类」阅读往期的 HelloGitHub 月刊内容, 您目前在查看 HelloGitHub CSS 项目 集合。

Star 2.9k
Vol.110
2 个月前

自托管应用的主题集合。该项目为各种自托管 Web 应用提供统一且美观的主题和皮肤,支持 Nextcloud、Sonarr、Radarr、Jackett、Emby、Jellyfin 和 Home Assistant 等 50 多款应用。

theme.park
2
nord
Star 6.6k
Vol.108
2 年前

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

nord
Star 3.4k
Vol.105
4 个月前

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

latex-css
Star 8.4k
Vol.96
2 个月前

CSS 缓动函数速查表。缓动函数(Easing Functions)是一种用于控制 CSS 动画速度的函数,该项目提供了一系列优雅的缓动函数示例代码和效果展示。

.block {
	transition: transform 0.6s cubic-bezier(0.7, 0, 0.84, 0);
}
easings.net
Star 1.2w
Vol.95
2 天前

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

hyperui
Star 6.5k
Vol.90
2 个月前

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

pokemon-cards-css
7
layui
Star 3w
Vol.88
2 天前

面向后端开发者的 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>
layui
8
css
Star 1.3w
Vol.82
14 天前

GitHub 开源的设计系统。由 GitHub 设计团队开源和维护的项目,包含了 GitHub 的界面设计原则、使用指南和开箱即用的 UI 组件。

css
Star 980
Vol.81
6 个月前

全国高校校徽字体图标库。该项目包含国内 200 多所高校校徽制作的字体图标。

china_school_badge
10
daisyui
Star 3.9w
Vol.81
12 小时前

一款极为流行的 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>
daisyui