‏Jelly UI؛ کامپوننت‌های وبی که ژله‌ای رفتار می‌کنن

Jelly UI یه کتابخونهٔ Web Components بدون وابستگیه که روی رابط‌های نرم و لمسی تمرکز داره. ایدهٔ اصلیش اینه که کنترل‌های واقعی فرم — یعنی همون المان‌های بومی مرورگر — رو با یه لایه فیزیک نرم و ژله‌ای ترکیب کنه، طوری که تعامل با دکمه‌ها و ورودی‌ها حس فیزیکی‌تری بده و در عین حال رفتار استاندارد فرم از دست نره.

طبق چیزی که تو صفحهٔ پروژه اومده، این کتابخونه حدود ۴۰ المان سفارشی داره و صفر وابستگی؛ یعنی به React یا هیچ فریم‌ورک دیگه‌ای گره نخورده و چون روی استاندارد Web Components سواره، هر جایی که HTML اجرا بشه کار می‌کنه. راه‌اندازیش هم فقط یه تگ اسکریپته و بعدش المان‌هایی مثل jelly-theme و jelly-button رو مستقیم تو مارک‌آپ می‌ذاری.

نکتهٔ جالبش برای ما اینه که پشتیبانی از راست‌به‌چپ، حالت تاریک و توکن‌های رنگی سازگار با سطح WCAG AA از همون اول توش دیده شده — چیزهایی که معمولاً تو کتابخونه‌های تزئینی آخر از همه بهشون می‌رسه. حروف فونتش هم از DejaVu Sans Mono گرفته شده و پروژه برای استفادهٔ شخصی و تجاری آزاده.

نکات کلیدی:

• کتابخونهٔ Web Components با صفر وابستگی و حدود ۴۰ المان سفارشی
• ترکیب کنترل‌های بومی فرم با یه لایهٔ فیزیک نرم و ژله‌ای
• راه‌اندازی با یک تگ اسکریپت و مستقل از فریم‌ورک
• پشتیبانی داخلی از راست‌به‌چپ، حالت تاریک و توکن‌های رنگی WCAG AA