Awesome GitHub RepositoriesCSS-Only Interactive Effects

This project is a curated collection of galleries and component libraries that demonstrate pure CSS visual effects, 3D transforms, animation patterns, and layout solutions. It serves as a visual catalog of interactive UI elements and graphics built exclusively with HTML and CSS. The collection distinguishes itself by implementing complex interactivity, such as state management and animation triggers, using only CSS pseudo-classes and keyframes without any JavaScript. It also features a system for generative art and algorithmic patterns, as well as spatial 3D constructions using perspective an

CSSFX is a curated collection of pre-made visual CSS effects for buttons, inputs, and other common UI elements. The library is entirely CSS-only, meaning the effects themselves require no JavaScript runtime, and each style can be copied to the system clipboard with a single click using the modern Clipboard API. The project is built as a single-page application with a component-based architecture, yet it delivers its entire interface without external JavaScript frameworks. All effect previews and code snippets are pre-rendered into static HTML files at build time, so each page request requires

simple.css is a classless CSS framework that styles plain, semantic HTML with sensible defaults, requiring no CSS classes or JavaScript. It automatically applies a dark color scheme based on system preference, sets responsive typography and spacing from a modular scale, and includes a minimal CSS reset to normalize browser defaults. The entire framework lives in a single file with no dependencies. The framework uses only element selectors, so any standard HTML page becomes visually presentable with a centered, max-width layout, accessible interactive elements (buttons, forms, navigation), and

hugo-book 是一个专为 Hugo 设计的文档主题和静态网站框架，旨在创建结构化的技术手册、文档书籍和多语言知识库。它将目录结构转换为分层导航菜单和格式化的技术内容。 该框架包含一个专业的 OpenAPI 文档渲染器，可将规范转换为结构化的参考页面。它还提供了全文客户端搜索集成，并支持具有从右到左布局镜像的多语言内容。 该项目涵盖了广泛的内容渲染功能，包括数学公式排版、图表生成、终端录制集成，以及标签页和折叠块等交互元素。它还集成了按时间顺序排列的博客系统，以及用于生成目录和步骤列表的工具。 视觉定制通过颜色主题支持、CSS 样式覆盖和自定义 HTML 注入来处理。

new.css 是一个无类（classless）CSS 框架，可自动为语义化 HTML 元素添加样式。它通过直接将规则应用于标准 HTML 标签，为网站提供现代化的视觉设计，无需手动分配类名。 该项目包含一个 CSS 主题引擎和预定义的审美皮肤，例如高对比度深色模式和具有等宽字体及命令行配色方案的终端风格界面。这些视觉标识通过 CSS 变量进行管理，支持调色板自定义和主题切换。 该框架涵盖了一系列视觉功能，包括响应式流式排版以及针对代码块和键盘输入的专业文本格式化。它还为交互式折叠组件提供了样式，无需使用 JavaScript 即可创建可切换的内容区域。