CSS第 110 期
theme.park
自托管应用的主题集合。该项目为各种自托管 Web 应用提供统一且美观的主题和皮肤，支持 Nextcloud、Sonarr、Radarr、Jackett、Emby、Jellyfin 和 Home Assistant 等 50 多款应用。
编程语言
← 项目库CSS
共 62 个项目
CSS第 108 期
nord
好看的北极蓝配色方案。这是一个开源的北极蓝主题配色方案，包含 16 种柔和的色调，适用于代码编辑器、终端和网页设计等应用场景。无法亲临北极，也能用这抹宁静的蓝，给视觉一次沉浸式旅行。
CSS第 105 期
latex-css
LaTex 文档风格的 CSS 库。这是一个能够让你的网站看起来像 LaTex 文档的 CSS 样式库，支持定理、定义、引理和证明的标签，以及作者、副标题、摘要等可选的类名。
CSS第 96 期
easings.net
CSS 缓动函数速查表。缓动函数（Easing Functions）是一种用于控制 CSS 动画速度的函数，该项目提供了一系列优雅的缓动函数示例代码和效果展示。```css.block {transition: transform 0.6s cubic-bezier(0.7, 0, 0.84, 0);}```
CSS第 95 期
hyperui
免费的 Tailwind CSS 组件集合。该项目提供了一系列适用于网站、营销和电商等网站的免费 Tailwind CSS 组件。这些组件支持深色模式、移动端适配和 LTR，复制代码即可使用。
CSS第 90 期
pokemon-cards-css
炫酷的神奇宝贝卡牌 CSS 效果。该项目是口袋怪兽卡高级 CSS 样式集合，使用了 3D 变换、滤镜、渐变等技术，实现了眩光、纹理、银河全息、垂直光束等效果。
CSS第 88 期
layui
面向后端开发者的 Web UI 组件库。这是一款采用原生态 HTML/CSS/JS 开发模式的免费 Web UI 组件库，它拿来即用无需构建工具，极易上手、UI 简约清爽，深受广大后端开发者们的喜爱。```html开始使用 Layui// 使用组件layui.use(['layer', 'form'], function(){var layer = layui.layer;var form = layui.form;// 欢迎语layer.msg('Hello World');});```
CSS第 82 期
css
GitHub 开源的设计系统。由 GitHub 设计团队开源和维护的项目，包含了 GitHub 的界面设计原则、使用指南和开箱即用的 UI 组件。
CSS第 81 期
china_school_badge
全国高校校徽字体图标库。该项目包含国内 200 多所高校校徽制作的字体图标。
来自 @宁静致远 的分享
CSS第 81 期
daisyui
一款极为流行的 Tailwind CSS 组件库。作为当下最流行的 Tailwind CSS 组件库，具有高颜值、更纯净的 HTML、深度自定义等特点。```html Menu Title First Menu Item Second Menu Item Third Menu Item```
CSS第 80 期
css-only-chat
仅用 CSS 实现网络聊天。前端不用 JavaScript 只用 CSS 实现网络聊天的功能，秘诀是伪选择器加载的背景图像和永远加载的索引页。```css.some-button:active {background-image: url('some_image.jpg')}```
CSS第 78 期
30diasDeCSS
在 30 天内用 HTML 和 CSS 创建 30 个迷你项目的挑战。该项目包含了 30 个用 HTML+CSS 构建的迷你项目，每个项目通过动图直观地展示了实现的效果，不仅包含全部源码还指出了用到的知识点。
CSS第 77 期
Cnblogs-Theme-SimpleMemory
一款以阅读为主的博客园皮肤。博客园是一个博客平台，它支持用户自定义皮肤。该项目就是一款开源的博客园皮肤，文档有详细的安装步骤，一看就会立马就能用上。虽然皮肤会让博客的访问速度变慢一点，但是皮肤效果简洁好看值得一试。
暂无截图
CSS第 76 期
css-protips
CSS 专业技巧。一个帮你提升 CSS 技巧的收藏集。
CSS第 76 期
ui-buttons
CSS 按钮样式集合。该项目实现了 100 种不同样式的按钮。
CSS第 75 期
NES.css
NES 风格的 CSS 框架。NES 就是我们小时候玩的“红白机”，如果你喜欢这种像素风格的画面，该项目可以让你轻松实现类似“红白机”复古游戏风格的网页。```html html, body, pre, code, kbd, samp {font-family: "font-family you want to use";}```
CSS第 74 期
weui
微信开源的原生基础样式库。为微信内网页和小程序量身设计的样式库，包括按钮、徽章、进度条、图标、对话框等各式元素
CSS第 73 期
simple.css
超轻量级的 CSS 框架。不引入新的样式类，仅把 HTML 元素设为合理值，从而实现仅用 HTML 元素就可以构建美观、响应式的网页
CSS第 72 期
log
浏览器 console.log 风格的 CSS 库。[查看效果](https://adamschwartz.co/log/)
CSS第 71 期
magic
炫酷的 CSS3 动画库。[在线体验](https://www.minimamente.com/project/magic/)
CSS第 69 期
heti
专为中文内容展示设计的排版样式。它会让你的中文网站变得好看- 贴合网格的排版- 全标签样式美化- 预置多种排版样式- 简/繁体中文支持- 移动端支持
CSS第 68 期
csshake
用 CSS 实现抖动效果
CSS第 67 期
weather-icons
天气主题图标和 CSS 文件。包含 220+ 个高质量的天气图标
CSS第 67 期
You-Dont-Need-JavaScript
看似需要 JavaScript 实现的效果，其实仅用到了 CSS 的示例集合。该项目学习意义大于实用价值，更多的时候是为了让你知道原来 CSS 还能这么用
CSS第 66 期
css_tricks
常用 CSS 样式示例集合
CSS第 65 期
devices.css
仅用 CSS 实现手机和平板设备的平面模型。机型包含 iPhone、Android、Lumia 和 iPad```html```
CSS第 64 期
normalize.css
用来消除浏览器默认样式的 CSS 库。不同浏览器对于同一个元素会有不一样的默认样式，比如：超链接线的颜色。相较于 reset（重制样式）解决办法，normalize.css 采用更加和平且高效地方式，解决了浏览器默认样式的问题，尽可能让同一个 CSS 文件在不同的浏览器上显示效果一样和正常
CSS第 62 期
pattern.css
用漂亮的图形填充背景的 CSS 库
CSS第 62 期
stylus-shortcut
基于 stylus 实现的快速编写 CSS 样式的库
CSS第 57 期
water.css
一个专门为简单页面和示例网页准备的 CSS 框架
CSS第 56 期
tailwindcss
基于比组件更小、更灵活的工具类（utility-first）思想的 CSS 框架。这个思想简单来说就是用 class 保证灵活、便于自定义组件，而不是在组件基础上实现个性化。网上对这个框架褒贬不一，但我觉得挺好想学一下
CSS第 55 期
flexboxfroggy
一个帮助学习 CSS flexbox 知识的在线游戏。游戏一共 24 关，通俗易懂的解释了 flex 布局。适合初学者，并且支持中文，可以在 settings 中选择语言。[在线试玩](https://flexboxfroggy.com/)
CSS第 54 期
css-diner
通过游戏方式在线学习 CSS 选择器知识。初学者可以通过简单的动画界面，学习 CSS 多种选择器语法是如何筛选出页面的元素，虽然是英文网站但还算通俗易懂。[在线尝试](https://flukeout.github.io/)
CSS第 53 期
css-sweeper
一个只用 HTML 和 CSS 实现的扫雷游戏。[在线试玩](https://propjockey.github.io/css-sweeper/)
CSS第 53 期
papercss
手绘风格的 CSS 库
CSS第 50 期
css.gg
开源图标 UI 库。支持 CSS、SVG、Figma、NPM 等
CSS第 49 期
SpinKit
纯 CSS 实现加载动画的项目
CSS第 48 期
cssgridgenerator
在线通过点击动态生成基本的 CSS Grid 代码。[在线尝试](https://cssgrid-generator.netlify.com/)
CSS第 42 期
iCSS
该项目围绕 CSS 话题，讲述了 CSS 相关的技巧、动画实现
CSS第 39 期
RemixIcon
一套免费、可商用、设计精美、细致的图标库。看到它第一眼后，我感觉自己之前用的图标简直就是枯草🙈。这个项目可以让开发者、设计师在一个图标库中快速找到适合的图标，用于自己的网站或 APP 开发。不同于混搭收集的图标库，RemixIcon 的每一枚图标都是由设计师精心设计而成，并且每一枚图标都包含填充和描边两种风格，便于切换使用
CSS第 36 期
bootstrap-table
基于 Bootstrap 的 jQuery 表格插件，通过简单的设置就可以拥有强大的单选、多选、排序、分页、编辑、导出、过滤（扩展）等功能。示例代码：```Item ID Item Name Item Price 1 Item 1$1 2 Item 2$2```
暂无截图
CSS第 36 期
CSS-Inspiration
这里汇集了 CSS 的使用和学习的示例代码，展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。[在线阅读地址](https://chokcoco.github.io/CSS-Inspiration/#/)包含代码实际展示样式
暂无截图
CSS第 33 期
lit
仅 395 字节的响应式 CSS 框架
CSS第 30 期
github-corners
在你的网站右上角挂上章鱼猫。效果如下：
CSS第 30 期
octicons
GitHub 官方开源的 GitHub 网站上用的图标库
CSS第 30 期
simple-icons
1000+ 个流行品牌的免费 SVG 图标库。[在线预览](https://simpleicons.org/)
暂无截图
CSS第 28 期
pure
雅虎公司出品的一组轻量级、响应式纯 CSS 模块，适用于任何 Web 项目。本网站就是采用 Pure.css 模版构建，[中文文档](https://www.purecss.cn/)
CSS第 26 期
CaoMei
一套免费、精致的开源图标库。- 精心绘制 丨 风格统一、力求像素级的显示- 使用高效 丨 资源轻量、灵活、多设备兼容- 开源免费 丨 个人私用和商用版权开源免费
暂无截图
CSS第 26 期
You-need-to-know-css
该项目包含了一些常用的 CSS 样式示例和作者阅读《CSS揭秘》的收获分享，适合于想要提高 CSS 技能的同学
CSS第 25 期
tabler
一套基于 Bootstrap 4 免费开源的 Dashboard 模版
暂无截图
CSS第 20 期
magic-of-css
一套可以让你成为“魔术师”的 CSS 教程（英文）
CSS第 20 期
milligram
极简风格的 CSS 框架，而且文件很小
暂无截图
CSS第 18 期
materialize
基于 Material Design 的现代响应式前端框架，简化了前端的开发，文档丰富。[官网](http://materializecss.com/)
CSS第 17 期
bulma
UI框架，样式比 Bootstrap 更加扁平化。源码文件结构清晰，通过源码可以学到 UI 框架架构。[使用 bulma 的网站展示](http://bulma.io/expo/)
CSS第 15 期
mdui
MDUI 是一套用于开发 Material Design 网页的响应式前端框架。没有任何依赖，支持主题切换，轻量级，低学习成本，[文档](https://www.mdui.org/docs)
暂无截图
CSS第 10 期
Font-Awesome
GitHub 上 Star 数最多的图标库，应该是当下最流行的图标库
CSS第 10 期
material-design-icons
Google 官方开源基于 Material Design 设计风格的图标库
暂无截图
CSS第 7 期
cssicon
纯 CSS 实现的 icon
暂无截图
CSS第 3 期
animate.css
提供炫酷动画效果，同时方便、易用、跨浏览器的 CSS 库。[在线演示](https://daneden.github.io/animate.css/)
暂无截图
CSS第 3 期
mui
最接近原生 APP 体验的高性能框架。性能和体验的差距，一直是 mobile App 开发者放弃 HTML5 的首要原因。mui 框架有效的解决了这些问题，这是一个可以方便开发出高性能 App 的框架，也是目前最接近原生 App 效果的框架。[mui 官网](http://dev.dcloud.net.cn/mui/)
CSS第 2 期
github-markdown-css
仿 GitHub 的 Markdown 的样式，就是使用了这个 CSS 后，Markdown 展示效果和 GitHub 的大致一样。[示例](https://sindresorhus.com/github-markdown-css/)
CSS第 1 期
typo.css
中文网页重设与排版，为了一致化浏览器排版效果，构建最适合中文阅读的网页排版。包括桌面和移动平台，[预览](http://typo.sofi.sh/)