Awesome GitHub RepositoriesBidirectional Data-Binding

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

TinyBase 是一个响应式数据存储和内存关系数据库，专为客户端状态持久化而设计。它作为一个本地优先（local-first）的同步引擎，使用无冲突复制数据类型（CRDT）和逻辑时钟合并分布式状态，以确保确定性的数据收敛。 该项目具有一个模式验证库，可将来自 Zod、Yup 和 TypeBox 等工具的外部定义转换为类型安全的存储定义。它为实时协作编辑提供了基础设施，利用与 Automerge、Yjs 和 PartyKit 的同步来维护跨多个客户端和服务器的一致状态。 能力范围包括具有表和外键的关系数据建模、类似 SQL 的查询和索引，以及用于分组变更的原子事务。它支持广泛的持久化适配器，包括浏览器存储、SQLite 和 Cloudflare Durable Objects。该系统还提供双向状态绑定和用于与 React、SolidJS 和 Svelte 集成的声明式组件。

JSON Editor 是一个基于 Schema 的 UI 框架和 Web 编辑器，用于生成交互式表单并验证 JSON 数据。它将 JSON Schema 规范转换为 HTML 表单元素层级，使用户能够通过结构化界面而非原始文本来操作复杂的 JSON 结构。 该框架的特色在于其基于插件的扩展系统，支持自定义解析器函数以及集成 WYSIWYG、Markdown 和语法高亮代码编辑器等专用编辑器。它采用递归 Schema 解析来处理嵌套定义，并实现了基于 if-then-else 逻辑的状态条件验证。 该项目提供了广泛的功能，包括双向数据绑定、用于网格和标签页的数组与对象布局管理，以及通过模板插值实现的动态字段同步。其组件库涵盖了标准输入以及颜色选择器、日期时间选择器、自动补全组件和文件上传接口等专用工具。 该界面支持 UI 字符串的本地化，并可与各种 CSS 框架集成，从而将结构化表单生成与视觉样式解耦。

Tweakpane 是一个 Web GUI 控制面板和 JavaScript 参数调试器，用于检查前端状态和监控实时变量变化。它提供了一个图形界面，用于在程序执行期间调整应用程序参数并跟踪值变化。 该项目允许创建直接绑定到数据变量的交互式输入和只读值监视器。它通过文件夹和选项卡的分层布局来组织这些控件，并支持将控制面板配置和参数状态序列化为 JSON 文件以进行持久化。 该工具涵盖了实时参数调整、应用程序状态监控以及结构化控制面板的开发。

WinUI Gallery is a comprehensive reference application and component showcase for the Windows desktop platform. It provides a collection of interactive examples and reusable interface patterns designed to demonstrate the implementation of native controls and layout structures within Windows applications. The project serves as a practical guide for applying the Fluent Design System, offering a centralized resource for developers to explore how to build consistent, accessible, and responsive user interfaces. By providing both visual demonstrations and the underlying code, it illustrates how to