Elena:无需 JavaScript 的渐进式 Web 组件
Elena, a library for building Progressive Web Components

Elena 是由 @arielle 打造的一款极简库,专为构建 Progressive Web Components 而生。它打破了传统 Web 组件对 JavaScript 的过度依赖,坚持先加载 HTML 和 CSS,再逐步注入交互逻辑。这一设计有效解决了可访问性缺陷、服务端渲染瓶颈、布局偏移及内容闪烁等长期痛点。Elena 仅 2.9kB,零依赖,完全基于原生标准构建,能无缝适配 React、Vue、Angular 等主流框架,甚至无需框架也能运行。对于致力于构建跨框架组件库和设计系统的团队而言,Elena 提供了从 HTML 到 JavaScript 的平滑过渡方案,让开发回归 Web 平台原生能力。
Elena 不会强迫你为所有功能都使用 JavaScript,你可以先加载 HTML 和 CSS,然后用 JavaScript 逐步添加交互性。
- rixed
退一步想,2026 年,科技界最受推崇的新闻网站居然在推介一个用来构建最基础 UI 元素的工具。
- bobajeff
我在过去两天里发现了这个库和 datastar *。我现在有点困惑,这些轻量级框架/库到底提供了什么原生 JS 做不到的东西?另外,它们和上一轮轻量级框架(比如 solid 和 svelte)相比如何?
我支持减少对在不同框架间移植代码的需求。我也同意我们应该尽量避免对 npm 的过度依赖。
- sirwhinesalot
是的,终于有人懂这个了。Shadow DOM 是个反功能。能够用外部 CSS 自定义元素是 Web 的特性,而不是缺陷。