4 مستودعات
Synchronization mechanisms that link visual element properties to data models for automatic mutual updates.
Distinct from Data Model Property Bindings: Candidates focus on schema binding or property injection, not bidirectional synchronization between canvas and JS data.
Explore 4 awesome GitHub repositories matching user interface & experience · Bidirectional Data-Binding. Refine with filters or upvote what's useful.
GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a
Links visual element properties to a JavaScript data model for bidirectional automatic updates.
TinyBase هو مخزن بيانات تفاعلي وقاعدة بيانات علائقية في الذاكرة مصممة لاستمرار حالة جهة العميل. يعمل كمحرك مزامنة محلي أولاً يدمج الحالة الموزعة باستخدام أنواع بيانات متماثلة خالية من التعارض (CRDTs) وساعات منطقية لضمان تقارب البيانات الحتمي. يتميز المشروع بمكتبة للتحقق من المخطط تحول التعريفات الخارجية من أدوات مثل Zod وYup وTypeBox إلى تعريفات مخزن آمنة للنوع. ويوفر بنية تحتية للتحرير التعاوني في الوقت الفعلي، باستخدام المزامنة مع Automerge وYjs وPartyKit للحفاظ على حالة متسقة عبر عملاء وخوادم متعددة. تشمل مساحة القدرات نمذجة البيانات العلائقية مع الجداول والمفاتيح الخارجية، والاستعلام والفهرسة الشبيهة بـ SQL، والمعاملات الذرية للطفرات المجمعة. يدعم مجموعة واسعة من محولات الاستمرار، بما في ذلك تخزين المتصفح، وSQLite، وCloudflare Durable Objects. يوفر النظام أيضاً ربط حالة ثنائي الاتجاه ومكونات تعريفية للتكامل مع React وSolidJS وSvelte.
Synchronizes interface components with the data store by automatically updating views and writing user input back.
JSON Editor is a schema-driven UI framework and web-based editor used to generate interactive forms and validate JSON data. It translates JSON Schema specifications into a hierarchy of HTML form elements, allowing users to manipulate complex JSON structures through a structured interface rather than raw text. The framework differentiates itself through a plugin-based extension system that supports custom resolver functions and the integration of specialized editors, such as WYSIWYG, Markdown, and syntax-highlighted code editors. It employs recursive schema resolution to handle nested definiti
Synchronizes the internal JSON data model with the DOM state via programmatic getters and setters.
Tweakpane هو لوحة تحكم GUI للويب ومصحح معلمات JavaScript يستخدم لفحص حالة الواجهة الأمامية ومراقبة تغيرات المتغيرات في الوقت الفعلي. يوفر واجهة رسومية لضبط معلمات التطبيق وتتبع القيم أثناء تغيرها أثناء تنفيذ البرنامج. يسمح المشروع بإنشاء مدخلات تفاعلية وشاشات مراقبة للقيم للقراءة فقط ترتبط مباشرة بمتغيرات البيانات. ينظم هذه عناصر التحكم من خلال تخطيط هرمي للمجلدات وعلامات التبويب، ويدعم تسلسل تكوينات لوحة التحكم وحالات المعلمات في ملفات JSON للاستمرارية. تغطي الأداة ضبط المعلمات في الوقت الفعلي، ومراقبة حالة التطبيق، وتطوير لوحات التحكم المهيكلة.
Provides bidirectional synchronization between UI input elements and JavaScript variables for real-time data mirroring.