Jelly UI: Soft-body physics for native HTML form controls

Jelly UI: Soft-body physics for native HTML form controls

Jelly UI:原生 HTML 表单控件的软体物理效果

It’s okay to be a little jelly. 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. 稍微“软”一点也没关系。Jelly UI 是一个无依赖的 Web Components 库,旨在打造柔软、具有触感的产品界面。它将真实的表单控件与软体物理效果相结合,并内置了深色模式、从右至左(RTL)布局支持以及符合 WCAG AA 标准的颜色令牌。

0 dependencies, 40 custom elements, 1 script tag, WCAG AA, Dark mode, RTL. 0 依赖,40 个自定义元素,1 个脚本标签,符合 WCAG AA 标准,支持深色模式,支持 RTL 布局。

Scroll the showcase ↓ Read the API reference → 滚动查看展示 ↓ 阅读 API 参考文档 →

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>