Jelly UI: HTML フォームに物理演算を追加するWeb Componentsライブラリ

मूल शीर्षक: Jelly UI: Soft-body physics for native HTML form controls

यह क्यों महत्वपूर्ण है

依存ゼロでアクセシビリティ基準を満たしつつ物理演算UIを実現する点が、フロントエンド開発の選択肢を広げる。

Jelly UIは、依存関係ゼロでネイティブHTMLフォームコントロールにソフトボディ物理演算を実装するWeb Componentsライブラリ。40種のカスタム要素を1つのscriptタグで導入でき、WCAG AA準拠・ダークモード・RTLサポートを標準搭載。MITライセンスで無償公開。

Jelly UIは、bmson.comが開発したオープンソースのWeb Componentsライブラリで、HTMLフォームコントロールに柔らかく触感的な物理演算アニメーションを付与する。依存パッケージがゼロであり、1行のscriptタグを追加するだけで利用可能。

主な特徴として、40種類のカスタム要素(`<jelly-button>`、`<jelly-theme>`など)を提供し、テーマの自動ダーク/ライト切り替え(`mode="auto"`)、右から左(RTL)レイアウトのサポート、WCAG AAカラートークンの内蔵が挙げられる。

現行バージョンはv1.1で、ライセンスはMITのため商用・非商用問わず無償利用できる。プロジェクトはオープンに開発されており、スポンサーシップによる継続支援も受け付けている。公式サイト(jelly-ui.com)ではショーケースとAPIリファレンスが公開されている。

स्रोत

jelly-ui.com — मूल लेख पढ़ें →