Awesome GitHub RepositoriesDeclarative UI Composition

React es una biblioteca de JavaScript para crear interfaces de usuario basadas en una arquitectura orientada a componentes y un flujo de datos unidireccional.

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 es un framework de UI reactivo en JavaScript diseñado para construir interfaces de usuario con enlace de estado y actualizaciones automáticas del DOM sin un DOM virtual. Funciona como un framework frontend sin compilación (buildless), permitiendo la creación de aplicaciones reactivas utilizando funciones estándar de JavaScript que se ejecutan directamente en el navegador sin un paso de compilación. El framework incluye un gestor de estado reactivo que utiliza objetos basados en proxy para rastrear dependencias y activar actualizaciones de UI dirigidas. Proporciona una herramienta de renderizado del lado del servidor para generar HTML estático y un proceso de hidratación del lado del cliente correspondiente para adjuntar interactividad. Para aplicaciones de múltiples vistas, incluye un router del lado del cliente para gestionar la navegación y las transiciones de estado. El proyecto cubre una amplia gama de capacidades, incluyendo composición declarativa del DOM, enlace de estado a propiedad y renderizado de listas reactivas. Soporta gestión de estado avanzada a través de objetos de estado derivados, actualizaciones por lotes y serialización de estado. Adicionalmente, el framework soporta la generación de elementos SVG y MathML. El entorno de desarrollo soporta verificación de tipos estática y autocompletado a través de la integración con TypeScript.

Este proyecto es un tutorial de desarrollo móvil multiplataforma y una guía educativa. Proporciona un plan de estudios estructurado de lecciones y ejemplos de código diseñados para enseñar a los usuarios cómo construir interfaces de usuario móviles utilizando un framework basado en JavaScript. El material se centra en varias áreas especializadas, incluyendo un curso sobre la creación de interfaces responsivas con el modelo de diseño flexbox, guías sobre arquitectura de componentes móviles para construir elementos de UI reutilizables y tutoriales sobre la integración de código nativo para acceder a APIs específicas de la plataforma en iOS y Android. El plan de estudios cubre una amplia gama de capacidades, incluyendo desarrollo de UI, diseño de diseño responsivo, gestión del estado de componentes y la implementación de elementos de interfaz móvil comunes como barras de navegación y carruseles de imágenes. También incluye instrucciones sobre el bootstrapping de proyectos, gestión de servidores de desarrollo y el uso de sintaxis declarativa para definir estructuras de UI.

ioscreator es un conjunto integral de recursos educativos y guías de referencia para construir aplicaciones móviles en la plataforma iOS. Proporciona un curso estructurado y una serie de tutoriales centrados en combinar el diseño de interfaces con la lógica móvil utilizando el framework SwiftUI. El proyecto se distingue por guías especializadas para la integración de hardware y la gestión de estado, cubriendo el uso de sensores del dispositivo como la cámara, el micrófono y el acelerómetro. También incluye una biblioteca de componentes de interfaz de usuario dedicada y tutoriales para implementar servicios nativos del sistema Apple. Los materiales cubren una amplia gama de capacidades, incluyendo la composición de diseños con cuadrículas y pilas, gestión de navegación mediante barras de pestañas y hojas modales, y la aplicación de animaciones visuales utilizando física de resortes. La cobertura adicional incluye persistencia de datos locales, integración de servicios del sistema para mapas y notificaciones, y la implementación de elementos de entrada de usuario interactivos.

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