awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

22 repositorios

Awesome GitHub RepositoriesNested UI Composition Patterns

Architectural patterns for organizing views into hierarchical trees with shared layout management.

Distinguishing note: Focuses on the hierarchical composition of UI components based on route structures.

Explore 22 awesome GitHub repositories matching user interface & experience · Nested UI Composition Patterns. Refine with filters or upvote what's useful.

Awesome Nested UI Composition Patterns GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • remix-run/remixAvatar de remix-run

    remix-run/remix

    33,074Ver en GitHub↗

    Remix is a full-stack web framework designed to manage data loading, mutations, and routing through standard web platform APIs. It functions as a server-side rendering framework that unifies server-side data processing and client-side interactivity within a single development model, ensuring applications remain consistent across diverse environments. The framework distinguishes itself by utilizing native web platform APIs for all request and response handling, including a declarative data mutation layer that synchronizes server-side database updates with client-side UI transitions via standar

    Organizes application views into a hierarchical tree where parent routes manage layout and child data loading.

    TypeScript
    Ver en GitHub↗33,074
  • toly1994328/flutterunitAvatar de toly1994328

    toly1994328/FlutterUnit

    8,836Ver en GitHub↗

    FlutterUnit is a cross-platform user interface showcase and component gallery. It functions as a searchable directory and library of reusable interface elements, providing live previews and a catalog of widgets for building applications. The project distinguishes itself by providing an interactive system for component exploration, where users can inspect detailed element properties, toggle source code visibility for sharing, and organize preferred elements into custom collections to manage design systems. The tool supports multi-platform compatibility verification, allowing for the compariso

    Builds complex user interfaces by nesting small, independent components that manage their own state and layout.

    Dartdartflutterlearning
    Ver en GitHub↗8,836
  • flutterchina/flutter-in-actionAvatar de flutterchina

    flutterchina/flutter-in-action

    8,609Ver en GitHub↗

    This project is a cross-platform mobile development course and educational guide focused on building functional applications from a single codebase. It serves as a structured tutorial and textbook for learning the Flutter framework and the Dart programming language. The curriculum covers the full spectrum of mobile development, from basic UI construction and widget-based layouts to advanced architectural patterns for maintainability and scale. It provides instructional content on implementing business logic, networking, and native plugin integrations. The learning path emphasizes practical a

    Teaches the construction of user interfaces by nesting widgets into a hierarchical composition tree.

    JavaScriptflutterflutter-book
    Ver en GitHub↗8,609
  • ajnart/homarrAvatar de ajnart

    ajnart/homarr

    7,220Ver en GitHub↗

    Homarr es un panel de control de aplicaciones autohospedado que proporciona una página de inicio centralizada para organizar y lanzar servicios. Funciona como un portal de widgets integrado, un monitor de estado de servicios y una interfaz de búsqueda web unificada. El proyecto se distingue por una cuadrícula de arrastrar y soltar personalizable para la organización de servicios y un gestor de secretos dedicado para almacenar y proteger claves de API y contraseñas utilizadas por los servicios integrados. Incorpora un sistema para mostrar información en tiempo real y controlar funciones externas a través de widgets de servicios de terceros. La plataforma cubre capacidades más amplias en el monitoreo de disponibilidad de servicios para rastrear el tiempo de actividad de las aplicaciones y una interfaz de búsqueda unificada que agrega múltiples proveedores externos en un solo campo de entrada.

    Displays real-time external data by embedding independent functional components into a customizable dashboard grid.

    TypeScript
    Ver en GitHub↗7,220
  • 2d-inc/historyofeverythingAvatar de 2d-inc

    2d-inc/HistoryOfEverything

    6,588Ver en GitHub↗

    HistoryOfEverything is a Flutter timeline visualization and interactive event chronology. It serves as a visual demonstration of layout and animation capabilities, rendering historic events as a scalable graphical representation. The project focuses on interactive timeline visualization and the chronological display of data. It creates a visual experience where historical milestones are organized and presented in a way that dynamically scales to fit various screen dimensions. The implementation utilizes Flutter UI development practices, employing widget-based composition and animation contro

    Builds the user interface by nesting small, reusable widgets into a hierarchical composition tree.

    Dart
    Ver en GitHub↗6,588
  • flutter/galleryAvatar de flutter

    flutter/gallery

    6,572Ver en GitHub↗

    This project is a cross-platform UI showcase and component gallery that provides interactive examples of interface widgets and design patterns. It serves as a practical reference for building consistent user interfaces across mobile, web, and desktop platforms. The gallery functions as a tool for evaluating the visual and functional capabilities of the framework. It allows for the review of pre-built components to determine if specific requirements are met and provides a resource for testing how various widgets and layouts behave during the prototyping process. The project covers cross-platf

    Builds interfaces by nesting a hierarchy of reusable components that manage their own state and layout.

    Dart
    Ver en GitHub↗6,572
  • iampawan/flutter-ui-kitAvatar de iampawan

    iampawan/Flutter-UI-Kit

    6,295Ver en GitHub↗

    Flutter-UI-Kit es una librería de componentes y galería de interfaces para el desarrollo de aplicaciones móviles. Proporciona una colección de elementos de interfaz prefabricados y componentes de diseño destinados a construir aplicaciones multiplataforma. El proyecto funciona como un kit de plantillas, ofreciendo diseños de pantalla profesionales para páginas comunes de aplicaciones como paneles de control, perfiles y carritos de compra. Estas plantillas permiten la implementación rápida de interfaces de usuario móviles estándar. La librería cubre una gama de capacidades de desarrollo, incluyendo prototipado de interfaces móviles y diseño de aplicaciones multiplataforma, permitiendo el ensamblaje de pantallas utilizando un conjunto compartido de elementos de diseño listos para usar.

    Builds complex interfaces by nesting independent UI components within a hierarchical widget tree.

    Dart
    Ver en GitHub↗6,295
  • microsoft/wpf-samplesAvatar de microsoft

    microsoft/WPF-Samples

    5,698Ver en GitHub↗

    Este repositorio es una colección de implementaciones de referencia y ejemplos de código para construir aplicaciones de escritorio de Windows utilizando el framework Windows Presentation Foundation (WPF). Proporciona una librería de muestras centrada en la gestión de ventanas de escritorio, layouts de interfaz de usuario declarativos y el patrón arquitectónico Model-View-ViewModel. La colección incluye ejemplos prácticos de interfaces declarativas basadas en XAML y la sincronización de datos entre la lógica de negocio y la interfaz de usuario a través del patrón Model-View-ViewModel. Ofrece implementaciones de referencia para aplicar estándares de accesibilidad e implementar patrones estándar de estilo y capas de escritorio. Las muestras cubren una amplia gama de capacidades de desarrollo de escritorio, incluyendo la entrada de usuario y el manejo de eventos para interacciones de teclado y ratón. También demuestra el uso de renderizado acelerado por hardware, el sistema de propiedades de dependencia y la gestión del ciclo de vida de la aplicación para software nativo de Windows.

    Implements a hierarchical visual tree for constructing complex desktop user interfaces.

    C#
    Ver en GitHub↗5,698
  • aweiloveandroid/flutter-learningAvatar de AweiLoveAndroid

    AweiLoveAndroid/Flutter-learning

    5,420Ver en GitHub↗

    Este proyecto es una colección de recursos de aprendizaje, documentación y plantillas de boilerplate diseñadas para desarrolladores que estudian el framework Flutter y el lenguaje Dart. Proporciona un conjunto completo de guías de instalación, tutoriales de configuración y materiales de referencia para ayudar en la construcción de aplicaciones móviles multiplataforma. El repositorio se distingue por una amplia gama de ejemplos prácticos, incluyendo demostraciones de gramática del lenguaje Dart, patrones de UI multiplataforma y plantillas de proyectos. Proporciona específicamente código de muestra para implementar plugins de plataforma nativa y puentes de características de hardware utilizando canales de métodos. La base de código cubre una amplia gama de capacidades de desarrollo, incluyendo renderizado de UI basado en estado y construcción de diseño basada en widgets. Incluye implementaciones para enrutamiento de navegación, persistencia de datos local a través de SQLite y preferencias compartidas, e integraciones a nivel de sistema para notificaciones push y sensores de hardware. El proyecto también proporciona materiales para la configuración del entorno, verificación de herramientas de desarrollo y pruebas de lógica para asegurar una configuración consistente en máquinas locales.

    Constructs user interfaces by nesting immutable widgets into a hierarchical composition tree.

    Dartandroid-flutterandroid-iosdart
    Ver en GitHub↗5,420
  • abuanwar072/e-commerce-complete-flutter-uiAvatar de abuanwar072

    abuanwar072/E-commerce-Complete-Flutter-UI

    4,819Ver en GitHub↗

    Este proyecto es un kit de UI de comercio electrónico para Flutter y una plantilla móvil multiplataforma que proporciona una biblioteca completa de pantallas y diseños para tiendas digitales. Está diseñado para funcionar tanto en Android como en iOS para facilitar el desarrollo de aplicaciones de compras en línea. El kit incluye interfaces prediseñadas para el descubrimiento de productos, incluyendo páginas de inicio, catálogos de categorías y filtros de búsqueda. También proporciona una serie dedicada de diseños para la autenticación móvil, incluyendo procesos de registro de usuario, inicio de sesión y recuperación de contraseñas. El código base cubre una amplia gama de capacidades comerciales, incluyendo la gestión del carrito de compras, flujos de pago y flujos de trabajo de seguimiento de pedidos. Además, contiene componentes para la incorporación de usuarios (onboarding), visualización de información de productos y organización del perfil de usuario.

    Builds complex shopping screens by nesting reusable widgets into a hierarchical composition tree.

    Dartandroidandroid-appecommerce
    Ver en GitHub↗4,819
  • lohanidamodar/flutter_ui_challengesAvatar de lohanidamodar

    lohanidamodar/flutter_ui_challenges

    4,767Ver en GitHub↗

    Este proyecto es una colección de kits de UI de alta fidelidad, ejemplos de patrones de diseño y galerías de componentes reutilizables para diversos entornos de dispositivos. Proporciona una galería de interfaces frontend de pantallas de dashboard y tiendas, junto con una biblioteca de implementaciones de interfaz de usuario profesionales y widgets reutilizables. El repositorio funciona como un kit de UI multiplataforma diseñado para entornos móviles, web y de escritorio. Incluye ejemplos de código específicos que demuestran cómo implementar diseños complejos y patrones de navegación. El proyecto cubre el desarrollo de diseños de interfaz responsivos, enrutamiento de páginas basado en pilas y sistemas de navegación interactivos. También incluye implementaciones para flujos de trabajo de onboarding de usuarios y una biblioteca de componentes personalizados de widgets con y sin estado.

    Builds complex interfaces by nesting reusable stateless and stateful widgets into a hierarchical tree.

    Dartflutterflutter-demoflutter-examples
    Ver en GitHub↗4,767
  • gskinnerteam/flutter-wonderous-appAvatar de gskinnerTeam

    gskinnerTeam/flutter-wonderous-app

    4,483Ver en GitHub↗

    This project is a cross-platform educational application built with the Flutter framework. It serves as a mobile experience for exploring artistic and historical structures and functions as a showcase for advanced layout and animation techniques. The application operates as an interactive museum guide, digitizing cultural heritage to provide educational narratives and historical data about world structures. It delivers this content through a mobile interface designed for public education and entertainment. The technical implementation utilizes a widget-based composition and declarative rende

    Constructs the user interface by nesting a hierarchical tree of reusable widget components.

    Dart
    Ver en GitHub↗4,483
  • thealphamerc/flutter_twitter_cloneAvatar de TheAlphamerc

    TheAlphamerc/flutter_twitter_clone

    4,233Ver en GitHub↗

    This project is a social media mobile application built with the Flutter framework. It provides a cross-platform user interface for iOS and Android that implements a microblogging platform layout and a serverless architecture using Firebase for authentication, data persistence, and media hosting. The application features a real-time chat system and live content delivery powered by a NoSQL cloud database. This allows for instant data synchronization across feeds and private one-on-one messaging. The platform covers core social networking capabilities, including user profile management, short-

    Builds the interface through a hierarchical nesting of declarative widgets that reactively rebuild on state changes.

    Dartfirebase-authfirebase-realtime-databasefirebase-storage
    Ver en GitHub↗4,233
  • algolia/instantsearchAvatar de algolia

    algolia/instantsearch

    4,050Ver en GitHub↗

    InstantSearch es un framework de búsqueda de JavaScript y biblioteca de UI diseñada para construir interfaces de búsqueda y descubrimiento instantáneas utilizando la API de Algolia. Proporciona un kit de herramientas para implementar lógica de búsqueda, sincronización de estado y renderizado de resultados en varios entornos, incluyendo bibliotecas de componentes dedicadas para React y Vue.js. El framework desacopla el procesamiento de datos de búsqueda de la capa de UI a través de una abstracción de lógica basada en conectores y un patrón de proveedor para la distribución de estado. Esto permite a los desarrolladores construir comportamientos de búsqueda personalizados transformando conectores en hooks y ensamblando interfaces utilizando un sistema de widgets independientes y componibles. La biblioteca cubre una amplia gama de áreas funcionales, incluyendo renderizado del lado del servidor para optimización de motores de búsqueda, sincronización de URL para persistencia de estado y análisis de interacción del usuario. También admite capacidades de descubrimiento avanzadas como reordenamiento basado en conversiones, viajes de usuario personalizados y predicción de intención basada en aprendizaje automático.

    Assembles search interfaces by nesting independent widgets into a hierarchical composition tree.

    TypeScriptalgoliainstantsearchreact
    Ver en GitHub↗4,050
  • blynk-technologies/blynk-libraryAvatar de Blynk-Technologies

    Blynk-Technologies/blynk-library

    3,971Ver en GitHub↗

    Blynk es un framework de dispositivos embebidos y biblioteca de conectividad IoT en la nube diseñada para establecer una comunicación segura y bidireccional entre microcontroladores y una plataforma de gestión remota. Proporciona la identidad central de una herramienta de gestión de dispositivos IoT, permitiendo la sincronización de estados de dispositivos, control remoto de hardware y el mapeo de datos de hardware a interfaces basadas en la nube. El proyecto se distingue por un sistema de pines virtuales que desacopla la comunicación en la nube de los pines físicos, permitiendo el intercambio de datos independiente del hardware. También admite la descarga de arquitectura avanzada, donde la comunicación de red puede delegarse a un coprocesador dedicado para admitir microcontroladores no conectados. La biblioteca cubre una amplia gama de capacidades, incluyendo aprovisionamiento automatizado de dispositivos, actualizaciones de firmware over-the-air y una estructura organizativa multi-inquilino para la gestión de flotas. Integra varios protocolos de comunicación como MQTT y HTTPS, y proporciona herramientas para la automatización basada en lógica, almacenamiento de datos de series temporales y la construcción de dashboards móviles y web para monitoreo en tiempo real. El proyecto está implementado en C++.

    Composes graphical user interfaces using modular widgets that can be positioned and resized.

    C++arduinocellularembedded
    Ver en GitHub↗3,971
  • iphone5solo/pysearchAvatar de iphone5solo

    iphone5solo/PYSearch

    3,780Ver en GitHub↗

    PYSearch is a customizable search interface component for iOS applications. It provides a search controller to manage query input and result display, incorporating a search suggestion engine for real-time predictions and a search history manager for recording and retrieving previous user terms. The project includes a trending search display that presents popular or hot search queries using various customizable tag styles. It handles the transition between an initial hot search screen and the active search results view based on user input. The component covers the design of search bars and re

    Uses nested UI composition to organize the search text field and results table within a single container.

    Objective-C
    Ver en GitHub↗3,780
  • mozilla/gecko-devAvatar de mozilla

    mozilla/gecko-dev

    3,691Ver en GitHub↗

    Gecko-dev is a web browser engine and cross-platform browser framework. It serves as a foundational system for rendering web content and executing JavaScript, providing a complete layout and rendering pipeline to transform web markup into visual pixels. The project is distinguished by a specialized browser UI toolkit that uses XML-based languages and custom widgets to build cross-platform windows and menus. It incorporates unique development bridges, including design-to-code linking and a standardized protocol for AI-driven browser control and automated verification. Its broader capabilities

    Creates reusable interface components and domain-specific widgets to maintain a consistent look and feel across the browser interface.

    JavaScript
    Ver en GitHub↗3,691
  • textualize/rich-cliAvatar de Textualize

    Textualize/rich-cli

    3,686Ver en GitHub↗

    rich-cli is a terminal rich text renderer and data visualizer that transforms raw text and structured data into styled console output. It functions as a command line markup processor, converting Markdown and custom markup into formatted text with clickable links and colors. The tool specializes in terminal content rendering for various formats, including syntax-highlighted source code, JSON data with consistent indentation, and CSV tables. It also supports the rendering of Jupyter notebooks and provides a terminal content pager for navigating long files and remote content via a scrollable int

    Assembles terminal interfaces by nesting functional widgets within hierarchical layout containers.

    Pythonmarkdownrichsyntax-highlighting
    Ver en GitHub↗3,686
  • flyerhq/flutter_chat_uiAvatar de flyerhq

    flyerhq/flutter_chat_ui

    2,302Ver en GitHub↗

    Este proyecto proporciona un kit de herramientas de interfaz de mensajería multiplataforma diseñado para construir aplicaciones de chat en tiempo real y agentes de IA generativa. Ofrece una colección de componentes preconstruidos que renderizan experiencias de mensajería consistentes en entornos móviles y web, manejando las complejidades de la gestión de estado y la sincronización de datos entre la interfaz de usuario y los servicios backend. La biblioteca se distingue por una arquitectura altamente modular que permite a los desarrolladores inyectar lógica personalizada y anulaciones de interfaz de usuario a través de funciones de constructor. Este enfoque permite la creación de diseños y temas de mensajería personalizados mientras se mantiene el soporte para características avanzadas como la renderización de flujo incremental para respuestas de IA, análisis de markdown y almacenamiento en caché de recursos locales persistentes para optimizar el rendimiento y el acceso sin conexión. La interfaz admite una amplia gama de tipos de contenido, incluidos texto, imágenes, archivos adjuntos y actualizaciones de estado del sistema. Gestiona estos elementos a través de un modelado de datos estandarizado y controladores centralizados, asegurando que la representación visual permanezca sincronizada con el estado del mensaje subyacente. El sistema también incluye herramientas para la gestión de superposición de contenido y un control granular sobre el ciclo de vida de los activos multimedia almacenados en caché.

    Constructs messaging interfaces by nesting modular, reusable widgets in a hierarchical tree structure.

    Dartandroidchatdart
    Ver en GitHub↗2,302
  • motor-admin/motor-adminAvatar de motor-admin

    motor-admin/motor-admin

    2,163Ver en GitHub↗

    Motor-admin es una plataforma administrativa no-code diseñada para gestionar registros de bases de datos relacionales y construir interfaces internas. Funciona como una herramienta de gestión gráfica que descubre automáticamente esquemas de bases de datos para generar paneles funcionales, permitiendo a los usuarios realizar operaciones de registro y construir dashboards visuales sin codificación manual. La plataforma destaca por su sistema de configuración declarativa, que serializa los diseños de dashboard y la configuración de recursos en estructuras de datos portátiles. Esto permite una sincronización consistente de los entornos administrativos en desarrollo, staging y producción. Además, integra un motor impulsado por eventos que dispara lógica de negocio personalizada y llamadas a API externas directamente desde acciones de la interfaz, junto con funciones de seguridad de nivel empresarial que incluyen inicio de sesión único basado en SAML y control de acceso granular basado en roles. Más allá de la gestión central, la plataforma proporciona un conjunto integral para la visualización de datos y supervisión operativa. Admite la creación de informes personalizados y métricas de rendimiento mediante la ejecución de consultas dinámicas, mientras ofrece herramientas flexibles para configurar cómo se muestran, filtran y ordenan los registros de la base de datos.

    Assembles visual reports and data tables by mapping query results to modular UI widgets defined within the administrative configuration.

    Rubyadmin-dashboardadmin-panelbusiness-ingelligence
    Ver en GitHub↗2,163
Ant.12Siguiente
  1. Home
  2. User Interface & Experience
  3. Nested UI Composition Patterns

Explorar subetiquetas

  • Widget Tree Compositions3 sub-etiquetasBuilding user interfaces by nesting independent widgets into a hierarchical composition tree. **Distinct from Nested UI Composition Patterns:** Focuses on the structural nesting of widgets rather than general routing patterns.