18 repositorios
Composing reusable functions that return virtual DOM trees to build modular view logic.
Distinct from Function Composition: Distinct from general Function Composition: focuses on composing functions that return virtual DOM trees for UI construction, not arbitrary function pipelines.
Explore 18 awesome GitHub repositories matching software engineering & architecture · UI Component Compositions. Refine with filters or upvote what's useful.
Moon is a minimal reactive UI library for building user interfaces with a component composition framework, client-side routing, server-side rendering, and signals-based reactivity. It provides a virtual DOM diffing engine that computes minimal real DOM mutations, enabling efficient view updates by comparing in-memory UI representations against previous versions. The library distinguishes itself through a signals-based reactivity system that tracks data dependencies through observable signals, triggering targeted DOM updates only when values change. It implements a state driver pattern for uni
Builds interfaces by nesting reusable functions that return virtual DOM trees for modular view logic.
Avalon is a client-side MVVM JavaScript framework that binds model data to DOM elements and automatically updates views when state changes. It functions as a component-based UI framework, encapsulating markup, logic, and styles into reusable custom components that can be composed across pages, while also serving as a virtual DOM diffing engine that computes minimal DOM updates by comparing lightweight in-memory view tree snapshots. The framework distinguishes itself through a template directive compiler that transforms declarative HTML attributes like ms-repeat and ms-if into executable view
Encapsulates markup, logic, and styles into reusable custom HTML tags that can be nested and composed across pages.
AndroidCommon es una librería de utilidades completa diseñada para proporcionar infraestructura reutilizable y patrones arquitectónicos para el desarrollo de aplicaciones Android. Organiza funciones auxiliares comunes en módulos sin estado, ofreciendo acceso consistente a recursos del sistema, lógica de análisis de datos y abstracciones de infraestructura central. El framework se distingue por proporcionar componentes especializados para gestionar tareas en segundo plano e interacciones complejas de interfaz de usuario. Incluye utilidades para coordinar transferencias de archivos en segundo plano a través del gestor de descargas del sistema y ejecutar comandos de shell para gestionar los recursos del dispositivo. Además, ofrece elementos de interfaz personalizados que extienden las clases estándar de la plataforma para soportar características interactivas como gestos de pull-to-refresh, desplazamiento infinito y posicionamiento preciso de elementos. El proyecto también incorpora herramientas de optimización del rendimiento, incluyendo una estrategia de caché de dos niveles que almacena imágenes y respuestas de red en memoria o en disco local. Estos mecanismos de caché utilizan políticas de desalojo configurables para reducir la latencia y minimizar el uso de red, asegurando la capacidad de respuesta de la aplicación en condiciones de red variables.
Bundles complex interaction patterns like pull-to-refresh and infinite scrolling into reusable interface elements.
Esta es una biblioteca de interfaz de usuario de Material Design para iOS que proporciona una colección de componentes de interfaz de usuario modulares para iOS. Funciona como un framework de componentes de Swift UI y un sistema de diseño multiplataforma para garantizar experiencias visuales y funcionales consistentes a través de diferentes sistemas operativos. El proyecto permite la integración de las directrices de Material Design en aplicaciones iOS a través de una arquitectura de componentes modular. Esto permite el ensamblaje de pantallas de aplicaciones complejas utilizando una biblioteca de elementos de interfaz prefabricados. El framework cubre el desarrollo general de interfaces de usuario para iOS y la implementación de directrices de diseño estandarizadas para renderizar interfaces de usuario consistentes.
Implements a modular architecture that builds complex screens by nesting atomic UI components and layout containers.
JDStatusBarNotification is a Swift-based notification framework and UI component library used to display custom status bar overlays and interactive alerts directly below the system status bar. It provides a system for presenting urgent information and task progress indicators through a SwiftUI-based toolkit. The framework allows for the creation of bespoke notification windows with support for custom view injection and a declarative UI approach for composing layouts. It includes features for branded UI customization, enabling the modification of colors, fonts, and animation styles to align wi
Constructs notification layouts and visual components using a declarative SwiftUI-based view composition approach.
Elemental es un sistema de diseño basado en componentes y framework de interfaz de usuario de React. Proporciona una colección de componentes de interfaz pre-estilizados y patrones CSS utilizados para construir interfaces de usuario y diseños consistentes para aplicaciones web. La biblioteca funciona como una biblioteca de interfaz de usuario CSS personalizable, lo que permite la implementación de sistemas de diseño personalizados mediante el mapeo de tokens de diseño y hojas de estilo a elementos reutilizables. Integra el renderizado de iconos vectoriales para incrustar glifos gráficos escalables directamente dentro de los componentes de la interfaz. El framework admite la composición de diseños complejos utilizando elementos prefabricados como botones y modales para facilitar la creación de prototipos de interfaz. Mantiene la consistencia visual a través de la herencia de estilos impulsada por temas y la configuración basada en tokens.
Implements a modular UI structure by nesting atomic views and layout containers.
Cards is an iOS UI component library and a collection of reusable Swift components designed to render app marketplace style cards. It provides pre-defined layout templates for displaying application information and metadata on iOS devices. The library focuses on recreating the visual style of a mobile application marketplace, specifically producing user interface elements that mimic the look and feel of the Apple App Store. The project implements these views using a declarative SwiftUI layout, utilizing a composition-based hierarchy and protocol-oriented data modeling to decouple data struct
Implements complex layouts by nesting atomic views and layout containers.
RedditOS es una aplicación de redes sociales nativa para macOS y un wrapper de la API de Reddit. Sirve como un cliente de escritorio para navegar e interactuar con discusiones de la comunidad de Reddit y feeds sociales. El proyecto está implementado como un cliente de Reddit en SwiftUI, utilizando un framework declarativo para renderizar contenido de redes sociales específicamente para el sistema operativo macOS. La aplicación proporciona capacidades para el consumo de contenido de Reddit, gestión de hilos de redes sociales y navegación general de escritorio de discusiones de la comunidad.
Constructs the native desktop user interface using a declarative SwiftUI view composition hierarchy.
M13ProgressSuite is a suite of mobile user interface components for iOS designed to track activity and task completion. It provides a collection of visual indicators including progress bars, rings, and pies, as well as specialized tools like navigation progress bars and status heads-up display overlays. The library features a controllable progress indicator specifically for the top of navigation areas to track page-level activity. It also includes customizable heads-up displays that overlay views to communicate ongoing progress and status information. The suite supports various task completi
Builds modular progress indicators using declarative SwiftUI view compositions that react to state.
swift-markdown-ui is a Swift rendering library that converts Markdown text into native user interface components. It functions as a declarative UI framework for transforming markdown syntax and structured content into native views, including tables, lists, and code blocks. The project features a type-safe domain-specific language that allows for the programmatic generation of rich text and structured documents instead of relying solely on raw strings. It also includes an environment-based theming system for applying global design themes and granular visual overrides across a view hierarchy.
Renders nested markdown elements by recursively mapping structural nodes to native layout components.
EhPanda is a native iOS application for browsing and managing remote digital galleries and categorized media collections. It functions as a media gallery browser, a BitTorrent content downloader for local archiving, and an SNI proxy network client. The application includes a network layer designed to circumvent regional restrictions and SNI filtering to maintain access to restricted remote services. It further enables digital media archiving by importing external assets and galleries via torrent files for offline storage. The system provides tools for remote gallery browsing, category-based
Builds the user interface using state-driven views that automatically update when underlying data changes.
Seed is a frontend framework for building single-page applications using Rust and WebAssembly. It provides a virtual DOM rendering engine and a component-based UI library to construct modular, reusable interface elements. The framework implements a unidirectional data flow model based on the Elm architecture to ensure type-safe state management and predictable state transitions. It utilizes compile-time macros to transform declarative UI definitions into efficient instructions for the browser. The project covers a broad range of web capabilities, including application routing, content intern
Structures the user interface into modular, reusable view components that map high-level types to visual elements.
Vue-easytable is a high-performance data grid component designed for the Vue.js framework. It provides a comprehensive interface for displaying and managing large-scale tabular data, utilizing virtual scrolling to maintain responsiveness by rendering only the visible subset of rows within the browser. The component offers spreadsheet-style interaction, enabling users to perform direct, in-place data editing and manipulation. It supports complex grid configurations, including column pinning, row expansion, and data filtering, allowing for the organization of structured information to improve r
Constructs complex grid interfaces by nesting modular sub-components for headers, cells, and interactive controls.
This is a native macOS utility that serves as a menu bar client for Apple Reminders. It synchronizes with the system task database to allow users to view, create, and manage reminders directly from the system tray. The application is distinguished by a natural language task processor that extracts due dates, lists, and tags from unstructured text to automate reminder creation. It also features a global hotkey system, enabling the task interface to be triggered instantly via a keyboard shortcut from any active window. The tool provides broader productivity capabilities including task search a
Constructs the user interface using a declarative SwiftUI view hierarchy for state-driven updates.
Horizon UI Chakra es una plantilla de dashboard integral y una librería de componentes diseñada para construir aplicaciones web administrativas. Proporciona un boilerplate fundamental que utiliza una arquitectura modular basada en componentes para facilitar la construcción rápida de interfaces de gestión complejas y paneles de visualización de datos. El proyecto destaca por integrar un sistema de diseño centralizado que propaga tokens visuales por toda la aplicación, garantizando una marca y un estilo consistentes en todos los elementos de la interfaz. Admite diseños responsivos a través de sistemas de rejilla fluidos y ofrece una amplia personalización de temas, incluyendo soporte para modos claro y oscuro, para alinearse con requisitos específicos de accesibilidad y visuales. La librería incluye un conjunto de plantillas de página preconstruidas y elementos de UI reutilizables que agilizan el desarrollo de funciones estándar de la aplicación, como la autenticación y la analítica. También proporciona herramientas de línea de comandos para el andamiaje (scaffolding) de proyectos, permitiendo a los desarrolladores generar estructuras de aplicaciones full-stack y sincronizar activos de diseño con el código implementado para mantener la consistencia durante todo el ciclo de vida del desarrollo.
Builds complex user interfaces by nesting atomic views and layout containers.
Este proyecto es una colección de componentes React pre-estilizados diseñados para construir interfaces de mensajería receptivas y aplicaciones de chat en tiempo real. Funciona como un kit de herramientas modular que permite a los desarrolladores ensamblar ventanas de chat personalizadas, feeds de mensajes y campos de entrada dentro de aplicaciones web utilizando una arquitectura basada en componentes. La biblioteca se distingue por proporcionar una capa de lógica centralizada para gestionar datos de conversación, incluyendo presencia de usuario, historial de mensajes e indicadores de escritura. Maneja las complejidades de la navegación por flujos de mensajes, como el desplazamiento automático y la obtención dinámica de historial, mientras mantiene la consistencia visual a través de la encapsulación de estilos con alcance. El kit de herramientas cubre una amplia gama de requisitos de interfaz, incluyendo renderizado de medios enriquecidos, paneles de visualización plegables y gestión de eventos de teclado para la entrada de texto. Utiliza configuración basada en propiedades y manipulación directa de elementos para asegurar que los componentes de mensajería permanezcan receptivos y eficientes durante la interacción.
Assembles complex messaging interfaces by nesting specialized functional components within a parent layout structure.
Este framework proporciona una librería integral de componentes de interfaz de usuario (UI) accesibles y reutilizables diseñados para aplicaciones web renderizadas en el lado del servidor. Permite a los desarrolladores construir interfaces interactivas sincronizando el estado entre el servidor y el navegador, asegurando que el marcado y los datos permanezcan consistentes sin requerir una lógica compleja del lado del cliente. El proyecto se distingue por su profunda integración con la inteligencia artificial, ofreciendo herramientas que exponen esquemas de componentes y definiciones de interfaz a asistentes de codificación. Esto permite el descubrimiento e implementación automatizados de elementos de interfaz, mientras que las utilidades de línea de comandos integradas aceleran aún más el desarrollo al automatizar la configuración del proyecto y proporcionar fragmentos de código preconstruidos para estructuras de interfaz comunes. Más allá de su librería central, el framework incluye un amplio soporte para el manejo de formularios, incluyendo validación localizada y controles de entrada accesibles. También proporciona mecanismos de estilo robustos que resuelven conflictos de clases de utilidad en tiempo de ejecución, junto con componentes especializados para gestionar tablas de datos, menús de navegación y superposiciones interactivas. La seguridad y el cumplimiento están integrados directamente en el ciclo de vida del componente, presentando comprobaciones de accesibilidad automatizadas, limitación de velocidad para rutas de autenticación y herramientas para gestionar la privacidad de los datos del usuario. El framework está diseñado para ser instalado y configurado dentro de entornos existentes del lado del servidor para respaldar un desarrollo de interfaz rápido y consistente.
Encapsulates UI logic into reusable, stateless templates that accept data attributes for consistent rendering.
N3-components is a library of modular, reusable user interface elements designed for the Vue framework. It functions as a toolkit for constructing web application layouts by providing a collection of standardized building blocks that ensure consistent behavior and a unified design language across projects. The library enables developers to assemble complex interfaces through a component-based architecture that supports scoped styling and flexible content projection. It facilitates the creation of scalable frontends by allowing for the customization of visual properties through centralized con
Encapsulates UI logic and styles into modular, reusable units leveraging reactive data-binding.