@dabit3: Canvas UI 的简洁、有趣和美观让我惊叹!我的个人作品集网站就是一个活生生的实验,所以今天让我……

X AI KOLs Timeline 工具

摘要

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

Canvas UI 的简洁、有趣和美观让我惊叹!我的个人作品集网站就是一个活生生的实验,所以今天我就让 @DevinAI 把它变成了一个 Canvas UI 游乐场。 https://t.co/XjjbEiuNFs https://t.co/JFTAKYtryv
查看原文
查看缓存全文

缓存时间: 2026/07/27 15:54

Canvas UI 的简洁易用、趣味横生和美观设计让我惊叹不已!我的个人作品集网站本身就是个活实验,所以今天决定给 @DevinAI 发个提示,把它变成 Canvas UI 的游乐场。

https://t.co/XjjbEiuNFs https://t.co/JFTAKYtryv


Nader Dabit

来源:https://nader.codes/ 你好,我是 Nader Dabit。我从事软件开发已超过 14 年,专注于人工智能、云计算、Web、区块链以及跨平台移动应用开发等领域。我还擅长高影响力的开发者营销与教育。我在区块链领域工作了 4 年以上,此前在 AWS 工作了 3 年多,负责前端 Web 与移动团队的开发者 relations。

客户与雇主

Cognitioncognition.ai (https://cognition.ai/)AWSaws.amazon.com (https://aws.amazon.com/)Amazon.comamazon.com (https://www.amazon.com/)Falfal.ai (https://fal.ai/)Eigen Labseigencloud.xyz (https://www.eigencloud.xyz/)Aaveaave.com (https://aave.com/)ClassPassclasspass.com (https://classpass.com/)Visavisa.com (https://usa.visa.com/)Supabasesupabase.com (https://supabase.com/)WalletConnectwalletconnect.com (https://walletconnect.com/)美国陆军工程兵团usace.army.mil (https://www.usace.army.mil/)华纳兄弟warnerbros.com (https://www.warnerbros.com/)SSENSEssense.com (https://www.ssense.com/)School Statusschoolstatus.com (https://www.schoolstatus.com/)

当前技术兴趣

Desktop Commander MCPgithub.com/wonderwhy-er/DesktopCommanderMCP (https://github.com/wonderwhy-er/DesktopCommanderMCP)Hermes Agentgithub.com/nousresearch/hermes-agent (https://github.com/nousresearch/hermes-agent)Planogithub.com/katanemo/plano (https://github.com/katanemo/plano)Scraplinggithub.com/D4Vinci/Scrapling (https://github.com/D4Vinci/Scrapling)Pigithub.com/badlogic/pi-mono (https://github.com/badlogic/pi-mono)GitNexusgithub.com/abhigyanpatwari/GitNexus (https://github.com/abhigyanpatwari/GitNexus)SuperPowersgithub.com/obra/superpowers (https://github.com/obra/superpowers)OpenClawgithub.com/openclaw/openclaw (https://github.com/openclaw/openclaw)A2UIa2ui.org (https://a2ui.org/)Maestrogithub.com/pedramamini/Maestro (https://github.com/pedramamini/Maestro)Firecrawlfirecrawl.dev (https://www.firecrawl.dev/)Nanoclawgithub.com/qwibitai/nanoclaw (https://github.com/qwibitai/nanoclaw)Google Confidential Computingdocs.cloud.google.com (https://docs.cloud.google.com/confidential-computing/docs/confidential-computing-overview)CDKaws.amazon.com/cdk (https://aws.amazon.com/cdk)Falwww.fal.ai (https://www.fal.ai/)Bunbun.sh (https://bun.sh/)ChatDevgithub.com/OpenBMB/ChatDev (https://github.com/OpenBMB/ChatDev)Aaveaave.com (https://docs.aave.com/hub)React Nativereactnative.dev (https://reactnative.dev/)Anthropicanthropic.com (https://anthropic.com/)

David Haz (@davidhdev): 隆重推出 Canvas UI,史上首个基于 Canvas 的 HTML 组件库。

现在你的 DOM 就是渲染目标。实时着色器叠加在真实、可交互的 UI 上。

24 个组件。支持 React、Vue、Svelte、原生 TypeScript。

免费。开源。🧵

相似文章

Canvas 中的 HTML 演示

Hacker News Top

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