Awesome GitHub RepositoriesDeclarative UI Composition

React este o bibliotecă JavaScript pentru construirea de interfețe utilizator bazată pe o arhitectură orientată pe componente și flux de date unidirecțional.

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 este un framework UI JavaScript reactiv conceput pentru construirea de interfețe utilizator cu binding de stare și actualizări automate ale DOM-ului fără un DOM virtual. Funcționează ca un framework frontend buildless, permițând crearea de aplicații reactive folosind funcții JavaScript standard care rulează direct în browser fără un pas de compilare. Framework-ul include un manager de stare reactiv care folosește obiecte bazate pe proxy pentru a urmări dependențele și a declanșa actualizări UI țintite. Oferă un instrument de server-side rendering pentru generarea de HTML static și un proces de hidratare client-side corespunzător pentru a atașa interactivitatea. Pentru aplicații multi-view, include un router client-side pentru a gestiona navigarea și tranzițiile de stare. Proiectul acoperă o gamă largă de capabilități, inclusiv compoziția declarativă a DOM-ului, binding-ul stare-la-proprietate și randarea reactivă a listelor. Suportă gestionarea avansată a stării prin obiecte de stare derivate, actualizări batch și serializarea stării. În plus, framework-ul suportă generarea de elemente SVG și MathML. Mediul de dezvoltare suportă verificarea statică a tipurilor și autocomplete prin integrarea TypeScript.

Acest proiect este un tutorial de dezvoltare mobilă cross-platform și un ghid educațional. Oferă un curriculum structurat de lecții și exemple de cod concepute pentru a învăța utilizatorii cum să construiască interfețe utilizator mobile folosind un framework bazat pe JavaScript. Materialul se concentrează pe mai multe domenii specializate, inclusiv un curs despre crearea de interfețe responsive cu modelul de layout flexbox, ghiduri despre arhitectura componentelor mobile pentru construirea de elemente UI reutilizabile și tutoriale despre integrarea codului nativ pentru a accesa API-urile specifice platformei pe iOS și Android. Curriculum-ul acoperă o gamă largă de capabilități, inclusiv dezvoltarea UI, designul de layout responsive, gestionarea stării componentelor și implementarea elementelor comune de interfață mobilă, cum ar fi barele de navigare și caruselele de imagini. Include, de asemenea, instrucțiuni despre bootstrapping-ul proiectului, gestionarea serverului de dezvoltare și utilizarea sintaxei declarative pentru a defini structurile UI.

ioscreator este un set cuprinzător de resurse educaționale și ghiduri de referință pentru construirea de aplicații mobile pe platforma iOS. Acesta oferă un curs structurat și o serie de tutoriale axate pe combinarea designului de interfață cu logica mobilă folosind framework-ul SwiftUI. Proiectul se distinge prin ghiduri specializate pentru integrarea hardware și gestionarea stării, acoperind utilizarea senzorilor dispozitivului, cum ar fi camera, microfonul și accelerometrul. Include, de asemenea, o bibliotecă dedicată de componente UI și tutoriale pentru implementarea serviciilor native de sistem Apple. Materialele acoperă o gamă largă de capabilități, inclusiv compoziția layout-ului cu grile și stive, gestionarea navigării prin tab-uri și modal sheets, și aplicarea animațiilor vizuale folosind fizica arcurilor. Acoperirea suplimentară include persistența datelor locale, integrarea serviciilor de sistem pentru hărți și notificări, precum și implementarea elementelor interactive de input ale utilizatorului.

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