Home 零对冲(ZeroHedge)每日HackerNews

Jelly UI：原生 HTML 表单控件的软体物理效果
Jelly UI: Soft-body physics for native HTML form controls

原始链接: https://jelly-ui.com/

Jelly UI 是一个无依赖的 Web Components 库，旨在构建柔和且具有触感的交互界面。它将真实的表单控件与软体物理效果相结合，并内置了深色模式、从右到左（RTL）语言支持以及符合 WCAG AA 标准的配色方案。 0 依赖 40 个自定义元素 1 个脚本标签 WCAG AA 标准 深色模式 RTL 支持 向下滚动查看展示 ↓ 阅读 API 参考 → index.html 发布

Hacker News 社区对“Jelly UI”的评价褒贬不一。该库为原生 HTML 表单控件增加了类似果冻的软体物理效果。 支持者认为该项目可爱且在特定创意设计中具有潜在用途，并称赞其包含可禁用动画的 `prefers-reduced-motion` 设置。然而，许多用户对其可用性表示怀疑。批评主要集中在性能问题上，有报告指出其存在低帧率和滚动时的“卡顿”现象。另一些人则认为此类动画对标准网页界面而言过于分散注意力或没有必要，部分用户表示通常会通过自定义样式表来移除这些效果。 具体反馈包括：要求提供更好的自定义选项（例如切换打字动画）、对滚动性能的担忧，以及建议该库若能利用 3D 渲染将更具沉浸感。总的来说，虽然人们认可“果冻”效果的新颖性，但普遍共识认为它更多是一种有趣的审美选择，而非实用的 UI 标准。
相关文章
原文

Jelly UI is a dependency-free Web Components library for soft, tactile product interfaces. Real form controls meet soft-body physics, with dark mode, right-to-left support and WCAG AA color tokens built in.

0 dependencies 40 custom elements 1 script tag WCAG AA Dark mode RTL

Scroll the showcase ↓ Read the API reference →

index.html 

<script type="module" src="https://jelly-ui.com/package.js"></script>

<jelly-theme mode="auto">
  <jelly-button variant="mint">Publish</jelly-button>
</jelly-theme>
联系我们 contact @ memedata.com