Awesome GitHub RepositoriesJavaScript-Free Web Interfaces

Fresh 是一个为 Deno 运行时设计的服务器端 Web 框架，旨在构建具有原生 TypeScript 支持的网站。它作为一个零 JavaScript 的服务器端渲染器，默认仅向浏览器发送 HTML，以消除客户端运行时开销。 该框架实现了岛屿架构（Islands Architecture），该架构交付静态 HTML 并仅为特定的交互式组件选择性地激活 JavaScript。它利用基于文件系统的路由器，自动将目录结构和文件名映射到 URL 模式，而无需中央配置文件。 该平台涵盖服务器端渲染、增量页面更新和带有内容哈希的生产资产打包。它提供了一个项目引导脚本来初始化开发环境。

pdf2htmlEX is a tool that converts PDF documents into HTML while preserving the original text, fonts, and layout. It uses CSS positioning and font embedding to replicate the PDF's appearance in a browser, producing output that works without JavaScript. The tool can generate a single self-contained HTML file with all resources embedded, or split the document into separate HTML files per page for individual loading and navigation. The converter offers extensive control over the output, including the ability to embed fonts directly into the HTML using base64-encoded Data URIs, or keep them as se

FastUI is a server-driven UI system and Pydantic UI framework that transforms backend data models into functional web interfaces. It operates as a model-based frontend generator where the server controls the layout and behavior of the user interface through structured data schemas, enabling a low-code approach to web development. The project allows for the definition of visual hierarchies and component properties on the backend, using a JSON-based protocol to communicate UI structure between the server and client. It utilizes schema-driven generation to automate the creation of interfaces, in

Reactpy is a Python web component framework and server-side UI library used to build interactive web interfaces. It allows for the creation of structured web layouts and visual logic within Python, removing the requirement to write client-side JavaScript. The framework utilizes a component-based model with reactive state management, where the user interface automatically updates in response to changes in the underlying Python state. It employs a virtual-DOM diffing process and WebSocket-based syncing to push real-time updates from the server to the browser. The system functions as an integra

css-only-chat 是一个无 JavaScript 的 Web 应用程序，仅使用 HTML 和 CSS 实现异步消息传递系统。它作为一个聊天界面，完全通过服务器端逻辑和标准浏览器行为实现实时更新和用户交互。 该项目使用基于 CSS 选择器的请求触发器来发送数据，利用浏览器自动加载背景图像来发起服务器请求。为了在不完全刷新页面的情况下提供更新，它利用 HTTP 分块传输流，保持响应打开并增量地将 HTML 片段附加到客户端。 该系统在后端管理应用程序状态，集成远程键值存储以实现消息持久性，并使用发布-订阅机制在并发用户会话之间同步状态。用户界面通过将现有的 HTML 元素替换为从服务器传递的新版本来刷新。

Goatcounter is a privacy-focused web analytics platform designed to be self-hosted on your own infrastructure. It collects visitor statistics like page views, browser information, location, screen size, and referring sites without using cookies or storing any personal data, identifying unique visits through a non-identifiable hash derived from browser and network data. The platform distinguishes itself by offering multiple tracking methods that respect user privacy, including a lightweight JavaScript snippet, an image-based tracking pixel for environments without JavaScript, and the ability t

Goatcounter is a self-hosted web analytics platform that collects visitor statistics without cookies, personal data, or persistent identifiers. It uses privacy-preserving techniques like anonymous session hashing to count page views and visits, and can be deployed on your own infrastructure using a binary or Docker container with SQLite or PostgreSQL storage. The platform offers multiple data collection methods, including a lightweight JavaScript snippet, an image-based tracking pixel for environments where scripts are blocked, and server log file parsing from nginx, Apache, Caddy, or CloudFr

Libreddit 是一个注重隐私的 Reddit 客户端和前端，充当隐私保护 Web 代理。它提供了一个轻量级的 Web 界面，通过中间服务器查看 Reddit 帖子和媒体，以防止原始平台追踪用户活动和身份。 该项目移除了广告、追踪脚本和 JavaScript 执行，以实现无广告的内容消费和无 JavaScript 的 Web 浏览。它利用服务端代理和媒体代理来获取内容并重新提供图像和视频，从而向外部平台掩盖用户的 IP 地址。 该系统通过提供静态 HTML 并强制执行严格的内容安全策略（CSP）来进一步保护浏览体验，限制浏览器进行未经授权的外部网络请求。

本项目是一个 JavaScript 分析集成库和客户端事件收集器，旨在记录用户行为并通过统一接口将数据分发到多个第三方分析目的地。它作为一个客户数据平台，用于识别用户、管理特征，并将事件流路由到各种分析工具和数据仓库。 该库的独特之处在于其多目的地事件路由器和 HTTP 跟踪中间件，可在传输前拦截并修改事件负载。它实现了用于用户识别的身份管理原语、用于合并配置文件的身份别名，以及通过在顶级域名上存储标识符来实现跨子域名跟踪。 系统涵盖了广泛的功能，包括针对页面浏览、表单提交和链接点击的用户交互监控，以及通过 UTM 参数提取进行的营销活动跟踪。为保证可靠性，它利用事件请求批处理、基于本地存储的带指数退避的重试队列，以及浏览器 keepalive 标志，以确保页面重定向期间的数据捕获。 该库还支持针对限制 JavaScript 执行环境的跟踪像素，并提供集成 URL 混淆机制以防止请求被拦截。

Picnic 是一个轻量级 CSS 框架，旨在加速响应式 Web 界面的开发。它提供了一个基础样式库，将视觉设计直接应用于原生 HTML 元素，从而无需大量自定义类名即可创建简洁且易于访问的布局。 该框架通过完全通过 CSS 实现交互式 UI 组件（如模态框、选项卡和导航菜单）而脱颖而出。通过利用伪类和兄弟选择器，它无需外部 JavaScript 逻辑即可管理组件状态和交互性。这种方法确保了复杂的界面元素保持功能性和轻量级。 该库包括一套全面的结构和展示工具，包括基于 Flexbox 的网格系统、垂直元素堆叠以及自动调整到不同屏幕尺寸的响应式布局引擎。它还为数据展示（如表格和卡片）提供标准化样式，以及拖放文件上传区和上下文工具提示等专门的输入组件。