Jelly UI: HTML폼 컨트롤에 물리 엔진
원제: Jelly UI: Soft-body physics for native HTML form controls
왜 중요한가
의존성 없이 물리 기반 인터랙티브 UI를 제공하는 Web Components 라이브러리로, 접근성 표준까지 내장해 프런트엔드 개발 효율화에 기여한다.
Jelly UI는 의존성 없이 1개의 script 태그만으로 도입 가능한 Web Components 라이브러리로, 네이티브 HTML 폼 컨트롤에 소프트 바디 물리 효과를 적용한다. 40개의 커스텀 엘리먼트를 제공하며, 다크 모드·RTL·WCAG AA 색상 토큰을 내장한다. MIT 라이선스로 무료 공개되었다。
Jelly UI v1.1은 bmson.com이 개발한 오픈 소스 Web Components 라이브러리로, 실제 폼 컨트롤(버튼, 입력 필드 등)에 소프트 바디 물리 시뮬레이션을 결합한 촉감적 UI를 구현한다。
주요 특징은 다음과 같다。외부 의존성 0개로 구성되며, 40종의 커스텀 엘리먼트를 제공한다。도입 방법은 HTML에 단 1개의 `<script type="module">` 태그를 추가하는 것으로 충분하다。`<jelly-theme mode="auto">` 컴포넌트를 통해 다크 모드 자동 전환을 지원하며, 오른쪽에서 왼쪽(RTL) 레이아웃 및 WCAG AA 準拠의 색상 토큰도 내장되어 있다。
라이선스는 MIT로 무료 이용이 가능하며, 소스 코드는 공개되어 있다。개발者는 스폰서십을 통한 지원을 요청하고 있다。API 레퍼런스는 공식 사이트(jelly-ui.com)에서 확인할 수 있다。