@dabit3: Canvas UI 的简洁、有趣和美观让我惊叹!我的个人作品集网站就是一个活生生的实验,所以今天让我……
摘要
Nader Dabit 分享了他对 Canvas UI 的兴奋之情,这是一个新的开源组件库,可在 Canvas 中渲染 HTML,实现实时着色器与交互式 UI 的结合。他利用 DevinAI 将他的个人作品集变成了一个 Canvas UI 游乐场。
查看缓存全文
缓存时间: 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。
免费。开源。🧵
相似文章
@mervenoyann: 这是我在这平台上绝对最喜欢的账户之一,理由充分
一条推文,重点介绍了高级HTML Canvas挑战以及GLM 5.1和GLM 5.2的对比,演示内容包括墨水扩散、能量剑对决等,全部使用纯Canvas无库。
Canvas 中的 HTML 演示
来自 Chrome DevRel 团队的 CSS 和 Web UI 演示合集,包括 Canvas 中的 HTML 演示。
@cursor_ai: 通过画布,Cursor 可以创建像仪表盘、报告和内部工具这样的应用。现在你可以发布一个画布并分…
Cursor 现在允许用户发布画布——像仪表盘和内部工具这样的应用——并通过 URL 分享它们。
@R_Graph_Gallery: 我热爱这样的微交互 ❤️ 没有多余的按钮,没有杂乱,所以隐藏故事的风险几乎是0。 然而它激发探索……
这篇文章推广了一门结合 D3.js、React 和人工智能的课程,用于教授数据可视化,强调微交互和实践项目,面向学习者。
@Replit:最好的设计工作不会发生在聊天框里。你需要空间来探索想法、创建变体并迭代。认识一下…
Replit 推出了 Canvas,这是一款用于构建网站、应用和营销素材的智能设计工具,强调在空间中进行探索,而非基于聊天的设计。