18 Repos
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 ist eine umfassende Dienstprogramm-Bibliothek, die entwickelt wurde, um wiederverwendbare Infrastruktur und Architekturmuster für die Android-Anwendungsentwicklung bereitzustellen. Sie organisiert allgemeine Hilfsfunktionen in zustandslosen Modulen und bietet konsistenten Zugriff auf Systemressourcen, Daten-Parsing-Logik und Kern-Infrastrukturabstraktionen. Das Framework zeichnet sich durch spezialisierte Komponenten für die Verwaltung von Hintergrundaufgaben und komplexen Benutzeroberflächen-Interaktionen aus. Es enthält Dienstprogramme zur Koordination von Hintergrund-Dateiübertragungen über den System-Download-Manager und zur Ausführung von Shell-Befehlen zur Verwaltung von Geräteressourcen. Zusätzlich bietet es benutzerdefinierte Schnittstellenelemente, die Standard-Plattformklassen erweitern, um interaktive Funktionen wie Pull-to-Refresh-Gesten, unendliches Scrollen und präzise Elementpositionierung zu unterstützen. Das Projekt integriert zudem Performance-Optimierungstools, einschließlich einer zweistufigen Caching-Strategie, die Bilder und Netzwerkantworten im Speicher oder auf der lokalen Festplatte speichert. Diese Caching-Mechanismen nutzen konfigurierbare Eviction-Policies, um Latenz zu reduzieren und die Netzwerknutzung zu minimieren, wodurch die Reaktionsfähigkeit der Anwendung unter variierenden Netzwerkbedingungen sichergestellt wird.
Bundles complex interaction patterns like pull-to-refresh and infinite scrolling into reusable interface elements.
This is a Material Design iOS UI library providing a collection of modular user interface components for iOS. It functions as a Swift UI component framework and a cross-platform design system to ensure consistent visual and functional experiences across different operating systems. The project enables the integration of Material Design guidelines into iOS applications through a modular component architecture. This allows for the assembly of complex app screens using a library of pre-made interface elements. The framework covers general iOS UI development and the implementation of standardize
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 ist ein komponentenbasiertes Design-System und React-UI-Framework. Es bietet eine Sammlung vorformatierter Interface-Komponenten und CSS-Muster, die zum Aufbau konsistenter Benutzeroberflächen und Layout-Designs für Webanwendungen verwendet werden. Die Bibliothek fungiert als anpassbare CSS-UI-Bibliothek, die die Implementierung eigener Design-Systeme durch das Mapping von Design-Tokens und Stylesheets auf wiederverwendbare Elemente ermöglicht. Sie integriert Vektor-Icon-Rendering, um skalierbare grafische Glyphen direkt in Interface-Komponenten einzubetten. Das Framework unterstützt die Komposition komplexer Layouts unter Verwendung vorgefertigter Elemente wie Buttons und Modals, um das Interface-Prototyping zu erleichtern. Es wahrt die visuelle Konsistenz durch themengesteuerte Style-Vererbung und tokenbasierte Konfiguration.
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 ist eine native macOS-Social-Media-Anwendung und ein Reddit-API-Wrapper. Es dient als Desktop-Client zum Durchsuchen und Interagieren mit Reddit-Community-Diskussionen und Social-Feeds. Das Projekt ist als SwiftUI-Reddit-Client implementiert und nutzt ein deklaratives Framework, um Social-Media-Inhalte spezifisch für das macOS-Betriebssystem zu rendern. Die Anwendung bietet Funktionen für den Reddit-Content-Konsum, die Verwaltung von Social-Media-Threads und das allgemeine Desktop-Browsing von Community-Diskussionen.
Constructs the native desktop user interface using a declarative SwiftUI view composition hierarchy.
M13ProgressSuite ist eine Suite mobiler UI-Komponenten für iOS, die zur Verfolgung von Aktivitäten und Aufgabenfortschritt entwickelt wurde. Sie bietet eine Sammlung visueller Indikatoren, einschließlich Fortschrittsbalken, Ringen und Tortendiagrammen, sowie spezialisierte Tools wie Navigations-Fortschrittsbalken und Status-Overlays (Heads-up Display). Die Bibliothek bietet einen steuerbaren Fortschrittsindikator speziell für den oberen Bereich von Navigationsbereichen, um Aktivitäten auf Seitenebene zu verfolgen. Sie enthält zudem anpassbare Heads-up Displays, die Views überlagern, um laufenden Fortschritt und Statusinformationen zu kommunizieren. Die Suite unterstützt verschiedene Indikatoren für den Aufgabenabschluss durch benutzerdefinierte Stile und unbestimmte Lademodi. Diese Komponenten werden mithilfe einer Kombination aus deklarativen View-Kompositionen und View-Modifikatoren in die Benutzeroberfläche integriert.
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 is a comprehensive dashboard template and component library designed for building administrative web applications. It provides a foundational boilerplate that utilizes a modular, component-based architecture to facilitate the rapid construction of complex management interfaces and data visualization panels. The project distinguishes itself by integrating a centralized design system that propagates visual tokens throughout the application, ensuring consistent branding and styling across all interface elements. It supports responsive layouts through fluid grid systems and offe
Builds complex user interfaces by nesting atomic views and layout containers.
Dieses Projekt ist eine Sammlung vor-gestylter React-Komponenten für den Aufbau responsiver Messaging-Interfaces und Echtzeit-Chat-Anwendungen. Es fungiert als modulares Toolkit, das es Entwicklern ermöglicht, benutzerdefinierte Chat-Fenster, Nachrichten-Feeds und Eingabefelder innerhalb von Webanwendungen unter Verwendung einer komponentenbasierten Architektur zusammenzustellen. Die Bibliothek zeichnet sich dadurch aus, dass sie eine zentrale Logikschicht für die Verwaltung von Konversationsdaten bereitstellt, einschließlich Benutzerpräsenz, Nachrichtenverlauf und Tipp-Indikatoren. Sie bewältigt die Komplexität der Nachrichtenstrom-Navigation, wie automatisches Scrollen und dynamisches Abrufen des Verlaufs, während sie durch Scoped-Style-Encapsulation visuelle Konsistenz wahrt. Das Toolkit deckt ein breites Spektrum an Interface-Anforderungen ab, einschließlich Rich-Media-Rendering, einklappbarer Anzeigepanels und Tastatur-Event-Management für die Texteingabe. Es nutzt Property-basierte Konfiguration und direkte Elementmanipulation, um sicherzustellen, dass Messaging-Komponenten während der Interaktion responsiv und performant bleiben.
Assembles complex messaging interfaces by nesting specialized functional components within a parent layout structure.
Dieses Framework bietet eine umfassende Bibliothek wiederverwendbarer, barrierefreier UI-Komponenten für serverseitig gerenderte Webanwendungen. Es ermöglicht Entwicklern den Aufbau interaktiver Interfaces durch Synchronisierung des Zustands zwischen Server und Browser, wodurch sichergestellt wird, dass Markup und Daten konsistent bleiben, ohne komplexe clientseitige Logik zu erfordern. Das Projekt zeichnet sich durch eine tiefe Integration mit künstlicher Intelligenz aus und bietet Tools, die Komponentenschemata und Interface-Definitionen für Coding-Assistenten offenlegen. Dies ermöglicht die automatisierte Entdeckung und Implementierung von UI-Elementen, während integrierte Kommandozeilen-Dienstprogramme die Entwicklung durch Automatisierung der Projektkonfiguration und Bereitstellung vorgefertigter Code-Snippets für gängige Interface-Strukturen weiter beschleunigen. Über seine Kernbibliothek hinaus bietet das Framework umfassende Unterstützung für die Formularverarbeitung, einschließlich lokalisierter Validierung und barrierefreier Eingabesteuerelemente. Es bietet zudem robuste Styling-Mechanismen, die Konflikte bei Utility-Klassen zur Laufzeit auflösen, neben spezialisierten Komponenten zur Verwaltung von Datentabellen, Navigationsmenüs und interaktiven Overlays. Sicherheit und Compliance sind direkt in den Komponenten-Lebenszyklus integriert, mit automatisierten Barrierefreiheitsprüfungen, Ratenbegrenzung für Authentifizierungsrouten und Tools zur Verwaltung der Privatsphäre von Benutzerdaten. Das Framework ist für die Installation und Konfiguration innerhalb bestehender serverseitiger Umgebungen konzipiert, um eine schnelle, konsistente Interface-Entwicklung zu unterstützen.
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.