Canvas 中的 HTML 演示

Hacker News Top 2026/05/19 23:49 工具

css web-ui demos canvas html google-chrome-labs open-source

摘要

来自 Chrome DevRel 团队的 CSS 和 Web UI 演示合集，包括 Canvas 中的 HTML 演示。

暂无内容

查看原文

查看缓存全文

缓存时间: 2026/05/20 05:23

GoogleChromeLabs/css-web-ui-demos

来源：https://github.com/GoogleChromeLabs/css-web-ui-demos

来自 Chrome DevRel 团队 CSS 与 Web UI 主题的演示合集。每个演示位于其独立的子文件夹中，并附带各自的说明。

本项目采用 Apache 2.0 许可协议发布。详情请见附带的 LICENSE 文件。

我们非常欢迎您为本项目贡献补丁和改进。详见附带的 CONTRIBUTING 文件。

X AI KOLs Timeline

Nader Dabit 分享了他对 Canvas UI 的兴奋之情，这是一个新的开源组件库，可在 Canvas 中渲染 HTML，实现实时着色器与交互式 UI 的结合。他利用 DevinAI 将他的个人作品集变成了一个 Canvas UI 游乐场。

Hacker News Top

HTMLcat 是一个提供针对 HTML、CSS 和 JavaScript 的小型原生网页技巧的资源，包括示例以及浏览器支持和无障碍访问的说明。

Lobsters Hottest

文章重点介绍了新的 HTML 特性，如 <dialog>、弹出框（popovers）和分组 <details>，这些特性无需 JavaScript 即可实现动态功能，展示了 Web 标准和浏览器兼容性的进步。

X AI KOLs Timeline

这是来自 Google Labs 的一个工具，允许团队通过交互式画布实时协作构建网站，支持多光标同步、基于提示的样式更改、实时滑块和版本控制。

Hacker News Top

PolyCSS 是一个 CSS 多边形网格库，能将 3D 模型渲染为真实的 HTML 元素（使用 CSS matrix3d），支持 OBJ/MTL、GLB 和 VOX 格式，可与 React、Vue 或原生 JavaScript 配合使用。