Awesome GitHub RepositoriesDeclarative UI Composition

React 是一个用于构建用户界面的 JavaScript 库，采用组件化架构和单向数据流。

Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface. The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial

This project is a Flutter UI component gallery and reference application. It serves as a visual catalog of reusable interface patterns and a library of interactive demonstrations for over 140 common Flutter user interface widgets. The application provides a way to explore widget implementations and browse live component demos. It functions as a reference for Flutter UI development and widget exploration, allowing for the testing of standard user interface elements.

Compose Samples is a collection of reference implementations for the Jetpack Compose UI library, serving as a practical guide for building native Android user interfaces. It demonstrates the use of a declarative framework where Kotlin functions describe layout structures and data dependencies, enabling developers to construct modern, reactive interfaces. The repository highlights architectural patterns that prioritize maintainability and testability, such as layered organization and unidirectional data flow. It showcases how to implement adaptive layouts that automatically adjust to various s

Now in Android is a reference application and framework designed to demonstrate modern development patterns for the Android platform. It provides a comprehensive implementation of a modular architecture, utilizing industry-standard practices to organize codebases into independent components that support long-term maintainability and build performance. The project centers on a reactive, unidirectional data flow model that synchronizes visual components with underlying data states. By employing a declarative toolkit for interface construction, the application ensures that screen layouts update

Agent Skills is a centralized registry and management system designed for the discovery, auditing, and integration of reusable procedural modules into automated agent workflows. It provides a structured environment for sourcing verified capabilities that extend the functional range of AI agents, enabling the development and scaling of complex, multi-step automated processes. The platform distinguishes itself through a security-first approach to module integration, utilizing audit-verified data to ensure that capabilities meet safety requirements before they are deployed. It incorporates a dec

Sunflower is a reference implementation designed to demonstrate modern Android development patterns and industry-standard architectural practices. It serves as a comprehensive guide for building functional mobile applications by integrating declarative user interface toolkits with robust data management and navigation systems. The project distinguishes itself by showcasing the transition from legacy view-based systems to modern declarative frameworks. It provides a practical example of how to organize code into distinct layers, manage complex state, and implement dependency injection to ensur

SuperAGI is a comprehensive marketing automation platform and customer data system designed to orchestrate multi-channel engagement workflows. It functions as a no-code workflow orchestrator, allowing users to build complex, automated task sequences triggered by real-time user behavior, transactional data, or scheduled events. By centralizing customer profiles and interaction history, the platform enables businesses to manage end-to-end marketing operations from a single interface. The platform distinguishes itself through its deep integration with e-commerce storefronts and its ability to ex

G2 is a declarative data visualization engine that constructs complex charts and graphical representations by mapping raw data to visual elements through a systematic grammar of graphics. It functions as a modular framework for building custom analytical visualizations, allowing users to define visual encodings and coordinate systems independently of the underlying data. The library distinguishes itself through a multi-backend rendering pipeline that supports Canvas, SVG, and WebGL, ensuring consistent graphical performance across different environments. Its architecture relies on a plugin-ba

Pixez-flutter is a cross-platform mobile application designed for browsing, searching, and downloading digital artwork from external platforms. It provides a comprehensive interface for managing remote media collections, including support for viewing illustrations, manga, and animated content. The application handles user authentication and session persistence to ensure a consistent experience across different devices. The project distinguishes itself through a sophisticated network management layer that enables users to bypass regional restrictions and network limitations. By utilizing custo

React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

Reactpy is a Python web component framework and server-side UI library used to build interactive web interfaces. It allows for the creation of structured web layouts and visual logic within Python, removing the requirement to write client-side JavaScript. The framework utilizes a component-based model with reactive state management, where the user interface automatically updates in response to changes in the underlying Python state. It employs a virtual-DOM diffing process and WebSocket-based syncing to push real-time updates from the server to the browser. The system functions as an integra

Litho is an Android declarative UI framework and component library used to build user interfaces through a declarative API and immutable state. It functions as an asynchronous layout engine that maps components to a structured view hierarchy to automate view updates. The framework optimizes rendering performance by computing element positions on background threads to prevent blocking the main UI thread. It further improves efficiency by flattening nested view hierarchies and caching layout results. The system includes capabilities for state reconciliation, component recycling, and the render

Effector is a reactive state management library designed for building complex, event-driven applications. It functions as a data flow engine that models application logic as a directed acyclic graph, ensuring that state updates propagate automatically through interconnected nodes. By utilizing atomic state updates and declarative unit composition, the library maintains data consistency and provides a predictable execution model for managing application state. The project distinguishes itself through its framework-agnostic architecture, which decouples business logic from user interface implem

Van 是一个响应式 JavaScript UI 框架，专为构建具有状态绑定和自动 DOM 更新功能的用户界面而设计，且无需虚拟 DOM。它是一个无需构建步骤的前端框架，允许使用直接在浏览器中运行的标准 JavaScript 函数来创建响应式应用。 该框架包含一个响应式状态管理器，利用基于代理（proxy）的对象来追踪依赖关系并触发针对性的 UI 更新。它提供了一个用于生成静态 HTML 的服务端渲染工具，以及相应的客户端水合（hydration）过程以实现交互。对于多视图应用，它还内置了客户端路由器来管理导航和状态转换。 该项目涵盖了广泛的功能，包括声明式 DOM 组合、状态到属性的绑定以及响应式列表渲染。它通过派生状态对象、批量更新和状态序列化支持高级状态管理。此外，该框架还支持 SVG 和 MathML 元素的生成。 开发环境通过 TypeScript 集成支持静态类型检查和自动补全。

这是一个跨平台移动开发教程和教育指南。它提供了一套结构化的课程和代码示例，旨在教授用户如何使用基于 JavaScript 的框架构建移动用户界面。 该材料专注于几个专业领域，包括关于使用 Flexbox 布局模型创建响应式界面的课程、关于构建可重用 UI 元素的移动组件架构指南，以及关于集成原生代码以访问 iOS 和 Android 平台特定 API 的教程。 该课程涵盖了广泛的功能，包括 UI 开发、响应式布局设计、组件状态管理，以及导航栏和图片轮播等常见移动界面元素的实现。它还包括关于项目引导、开发服务器管理以及使用声明式语法定义 UI 结构的说明。

ioscreator 是一套全面的教育资源和参考指南，旨在帮助开发者构建 iOS 平台移动应用。它提供了一系列结构化的课程和教程，专注于使用 SwiftUI 框架将界面设计与移动端逻辑相结合。 该项目的特色在于其针对硬件集成和状态管理的专业指南，涵盖了摄像头、麦克风和加速度计等设备传感器的使用。它还包含一个专门的 UI 组件库，以及用于实现 Apple 原生系统服务的教程。 这些材料涵盖了广泛的功能，包括使用网格和堆栈进行布局组合、通过标签栏和模态表单进行导航管理，以及使用弹簧物理效果实现视觉动画。此外还涵盖了本地数据持久化、地图和通知等系统服务集成，以及交互式用户输入元素的实现。

This project is an Android application that integrates OpenAI language models to provide real-time conversational AI experiences. It functions as a native mobile client, enabling users to send queries to remote language services and view the resulting text responses within an interactive chat interface. The application utilizes a declarative user interface framework to build dynamic messaging layouts and manage conversation states. It employs a component-based architecture that separates UI logic from network communication, ensuring that messaging components remain modular and decoupled from

This project is a general purpose library for the .NET ecosystem, providing a collection of reusable helper methods and APIs for common programming tasks. It encompasses a UI component library for cross-platform development, a toolkit for MVVM architecture, and specialized utilities for memory management and native interoperability. The library distinguishes itself through high-performance memory abstractions, such as pooled buffers and contiguous two-dimensional memory spans, designed to reduce garbage collection pressure. It also provides native interop wrappers and bindings to facilitate d

react-native-progress is a collection of visual components for cross-platform mobile applications designed to represent completion percentages and loading states. It provides a set of progress bars, circular indicators, and loading spinners for mobile environments. The library includes specific components for visualizing progress, such as a percentage progress pie, circular progress indicators with inner text, and linear progress bars. For active background processes, it provides animated loading spinners and activity spinners to signal ongoing tasks. These components support task completion