awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

18 dépôts

Awesome GitHub RepositoriesUI Component Compositions

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.

Awesome UI Component Compositions GitHub Repositories

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • kbrsh/moonAvatar de kbrsh

    kbrsh/moon

    5,951Voir sur GitHub↗

    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.

    JavaScriptfunctional-programmingjavascriptmoon
    Voir sur GitHub↗5,951
  • rubylouvre/avalonAvatar de RubyLouvre

    RubyLouvre/avalon

    5,774Voir sur GitHub↗

    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.

    JavaScript
    Voir sur GitHub↗5,774
  • trinea/androidcommonAvatar de Trinea

    Trinea/AndroidCommon

    4,999Voir sur GitHub↗

    AndroidCommon est une bibliothèque utilitaire complète conçue pour fournir une infrastructure réutilisable et des modèles architecturaux pour le développement d'applications Android. Elle organise les fonctions d'assistance courantes en modules sans état, offrant un accès cohérent aux ressources système, à la logique d'analyse de données et aux abstractions d'infrastructure de base. Le framework se distingue en fournissant des composants spécialisés pour gérer les tâches en arrière-plan et les interactions complexes de l'interface utilisateur. Il inclut des utilitaires pour coordonner les transferts de fichiers en arrière-plan via le gestionnaire de téléchargement du système et exécuter des commandes shell pour gérer les ressources de l'appareil. De plus, il offre des éléments d'interface personnalisés qui étendent les classes de plateforme standard pour prendre en charge des fonctionnalités interactives comme les gestes de pull-to-refresh, le défilement infini et le positionnement précis des éléments. Le projet intègre également des outils d'optimisation des performances, y compris une stratégie de mise en cache à deux niveaux qui stocke les images et les réponses réseau en mémoire ou sur le disque local. Ces mécanismes de mise en cache utilisent des politiques d'éviction configurables pour réduire la latence et minimiser l'utilisation du réseau, assurant la réactivité de l'application dans des conditions réseau variables.

    Bundles complex interaction patterns like pull-to-refresh and infinite scrolling into reusable interface elements.

    Java
    Voir sur GitHub↗4,999
  • material-components/material-components-iosAvatar de material-components

    material-components/material-components-ios

    4,775Voir sur GitHub↗

    Il s'agit d'une bibliothèque d'interface utilisateur iOS Material Design fournissant une collection de composants d'interface utilisateur modulaires pour iOS. Elle fonctionne comme un framework de composants Swift UI et un système de design multiplateforme pour assurer des expériences visuelles et fonctionnelles cohérentes à travers différents systèmes d'exploitation. Le projet permet l'intégration des directives Material Design dans les applications iOS via une architecture de composants modulaires. Cela permet l'assemblage d'écrans d'application complexes en utilisant une bibliothèque d'éléments d'interface pré-faits. Le framework couvre le développement général d'interface utilisateur iOS et l'implémentation de directives de design standardisées pour rendre des interfaces utilisateur cohérentes.

    Implements a modular architecture that builds complex screens by nesting atomic UI components and layout containers.

    Objective-C
    Voir sur GitHub↗4,775
  • calimarkus/jdstatusbarnotificationAvatar de calimarkus

    calimarkus/JDStatusBarNotification

    4,329Voir sur GitHub↗

    JDStatusBarNotification est un framework de notification basé sur Swift et une bibliothèque de composants UI utilisée pour afficher des superpositions de barre d'état personnalisées et des alertes interactives directement sous la barre d'état système. Il fournit un système pour présenter des informations urgentes et des indicateurs de progression de tâches via une boîte à outils basée sur SwiftUI. Le framework permet la création de fenêtres de notification sur mesure avec prise en charge de l'injection de vues personnalisées et une approche UI déclarative pour composer des mises en page. Il inclut des fonctionnalités pour la personnalisation de l'UI de marque, permettant la modification des couleurs, des polices et des styles d'animation pour s'aligner avec des identités visuelles spécifiques. La bibliothèque couvre la présentation d'indicateurs d'activité en temps réel et le suivi de progression basé sur des pourcentages pour les opérations de longue durée. Elle prend en charge des éléments interactifs tels que les comportements de maintien et de rejet. Cette bibliothèque est conçue pour une compatibilité avec les projets Swift et Objective-C.

    Constructs notification layouts and visual components using a declarative SwiftUI-based view composition approach.

    Swift
    Voir sur GitHub↗4,329
  • elementalui/elementalAvatar de elementalui

    elementalui/elemental

    4,286Voir sur GitHub↗

    Elemental est un système de conception basé sur des composants et un framework d'interface utilisateur React. Il fournit une collection de composants d'interface pré-stylisés et de modèles CSS utilisés pour construire des interfaces utilisateur cohérentes et des conceptions de mise en page pour les applications web. La bibliothèque fonctionne comme une bibliothèque d'interface utilisateur CSS personnalisable, permettant l'implémentation de systèmes de conception personnalisés en mappant des jetons de conception et des feuilles de style vers des éléments réutilisables. Elle intègre le rendu d'icônes vectorielles pour intégrer des glyphes graphiques scalables directement au sein des composants d'interface. Le framework prend en charge la composition de mises en page complexes en utilisant des éléments pré-faits tels que des boutons et des modales pour faciliter le prototypage d'interface. Il maintient une cohérence visuelle grâce à l'héritage de style piloté par le thème et à la configuration basée sur des jetons.

    Implements a modular UI structure by nesting atomic views and layout containers.

    JavaScript
    Voir sur GitHub↗4,286
  • paolocuscela/cardsAvatar de PaoloCuscela

    PaoloCuscela/Cards

    4,207Voir sur GitHub↗

    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.

    Swift
    Voir sur GitHub↗4,207
  • dimillian/redditosAvatar de Dimillian

    Dimillian/RedditOS

    4,031Voir sur GitHub↗

    RedditOS est une application de médias sociaux native macOS et un wrapper de l'API Reddit. Il sert de client de bureau pour parcourir et interagir avec les discussions de la communauté Reddit et les flux sociaux. Le projet est implémenté en tant que client Reddit SwiftUI, utilisant un framework déclaratif pour rendre le contenu des médias sociaux spécifiquement pour le système d'exploitation macOS. L'application offre des capacités de consommation de contenu Reddit, de gestion des fils de discussion des médias sociaux et de navigation générale sur le bureau des discussions de la communauté.

    Constructs the native desktop user interface using a declarative SwiftUI view composition hierarchy.

    Swiftmacosredditswift
    Voir sur GitHub↗4,031
  • marxon13/m13progresssuiteAvatar de Marxon13

    Marxon13/M13ProgressSuite

    3,907Voir sur GitHub↗

    M13ProgressSuite est une suite de composants d'interface utilisateur mobile pour iOS conçue pour suivre l'activité et l'achèvement des tâches. Elle fournit une collection d'indicateurs visuels incluant des barres de progression, des anneaux et des secteurs, ainsi que des outils spécialisés comme des barres de progression de navigation et des superpositions d'affichage tête haute (HUD). La bibliothèque dispose d'un indicateur de progression contrôlable spécifiquement pour le haut des zones de navigation afin de suivre l'activité au niveau de la page. Elle inclut également des affichages tête haute personnalisables qui superposent des vues pour communiquer la progression en cours et les informations d'état. La suite prend en charge divers indicateurs d'achèvement de tâches via des styles personnalisés et des modes de chargement indéterminés. Ces composants sont intégrés dans l'interface utilisateur en utilisant une combinaison de compositions de vues déclaratives et de modificateurs de vue.

    Builds modular progress indicators using declarative SwiftUI view compositions that react to state.

    Objective-C
    Voir sur GitHub↗3,907
  • gonzalezreal/swift-markdown-uiAvatar de gonzalezreal

    gonzalezreal/swift-markdown-ui

    3,877Voir sur GitHub↗

    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.

    Swiftcmarkcommonmarkgithub-markdown
    Voir sur GitHub↗3,877
  • ehpanda-team/ehpandaAvatar de EhPanda-Team

    EhPanda-Team/EhPanda

    3,875Voir sur GitHub↗

    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.

    Swiftcombinee-hentaiehviewer
    Voir sur GitHub↗3,875
  • seed-rs/seedAvatar de seed-rs

    seed-rs/seed

    3,834Voir sur GitHub↗

    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.

    Rust
    Voir sur GitHub↗3,834
  • happy-coding-clans/vue-easytableAvatar de Happy-Coding-Clans

    Happy-Coding-Clans/vue-easytable

    3,802Voir sur GitHub↗

    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.

    JavaScriptclipboardcomponentcontextmenu
    Voir sur GitHub↗3,802
  • damascenorafael/reminders-menubarAvatar de DamascenoRafael

    DamascenoRafael/reminders-menubar

    3,790Voir sur GitHub↗

    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.

    Swiftapple-remindersmacosmacos-menubar
    Voir sur GitHub↗3,790
  • horizon-ui/horizon-ui-chakraAvatar de horizon-ui

    horizon-ui/horizon-ui-chakra

    2,877Voir sur GitHub↗

    Horizon UI Chakra est un modèle de tableau de bord complet et une bibliothèque de composants conçus pour construire des applications web administratives. Il fournit un boilerplate fondamental qui utilise une architecture modulaire basée sur des composants pour faciliter la construction rapide d'interfaces de gestion complexes et de panneaux de visualisation de données. Le projet se distingue par l'intégration d'un système de design centralisé qui propage des jetons visuels dans toute l'application, garantissant une image de marque et un style cohérents sur tous les éléments de l'interface. Il prend en charge les mises en page réactives grâce à des systèmes de grille fluides et offre une personnalisation étendue des thèmes, incluant le support des modes clair et sombre, pour s'aligner sur des exigences spécifiques d'accessibilité et de visuel. La bibliothèque comprend une suite de modèles de pages pré-construits et d'éléments d'interface réutilisables qui rationalisent le développement de fonctionnalités standard telles que l'authentification et l'analyse. Elle fournit également des outils en ligne de commande pour le scaffolding de projet, permettant aux développeurs de générer des structures d'application full-stack et de synchroniser les assets de design avec le code implémenté pour maintenir la cohérence tout au long du cycle de vie du développement.

    Builds complex user interfaces by nesting atomic views and layout containers.

    JavaScriptadminadmin-dashboardadmin-panel
    Voir sur GitHub↗2,877
  • chatscope/chat-ui-kit-reactAvatar de chatscope

    chatscope/chat-ui-kit-react

    1,755Voir sur GitHub↗

    Ce projet est une collection de composants React pré-stylisés conçus pour construire des interfaces de messagerie réactives et des applications de chat en temps réel. Il fonctionne comme une boîte à outils modulaire qui permet aux développeurs d'assembler des fenêtres de chat personnalisées, des flux de messages et des champs de saisie au sein d'applications web en utilisant une architecture basée sur les composants. La bibliothèque se distingue en fournissant une couche logique centralisée pour gérer les données de conversation, y compris la présence des utilisateurs, l'historique des messages et les indicateurs de saisie. Elle gère les complexités de la navigation dans les flux de messages, telles que le défilement automatique et la récupération dynamique de l'historique, tout en maintenant une cohérence visuelle grâce à l'encapsulation des styles. La boîte à outils couvre un large éventail d'exigences d'interface, y compris le rendu de médias riches, les panneaux d'affichage repliables et la gestion des événements clavier pour la saisie de texte. Elle utilise une configuration basée sur les propriétés et une manipulation directe des éléments pour garantir que les composants de messagerie restent réactifs et performants pendant l'interaction.

    Assembles complex messaging interfaces by nesting specialized functional components within a parent layout structure.

    JavaScriptchatcommentscommunication
    Voir sur GitHub↗1,755
  • petalframework/petal_componentsAvatar de petalframework

    petalframework/petal_components

    1,036Voir sur GitHub↗

    Ce framework fournit une bibliothèque complète de composants d'interface utilisateur réutilisables et accessibles, conçus pour les applications web rendues côté serveur. Il permet aux développeurs de construire des interfaces interactives en synchronisant l'état entre le serveur et le navigateur, garantissant que le balisage et les données restent cohérents sans nécessiter de logique complexe côté client. Le projet se distingue par une intégration poussée avec l'intelligence artificielle, offrant des outils qui exposent les schémas de composants et les définitions d'interface aux assistants de codage. Cela permet la découverte et l'implémentation automatisées d'éléments d'interface, tandis que des utilitaires en ligne de commande intégrés accélèrent encore le développement en automatisant la configuration du projet et en fournissant des extraits de code pré-construits pour les structures d'interface courantes. Au-delà de sa bibliothèque de base, le framework inclut un support étendu pour la gestion des formulaires, y compris la validation localisée et les contrôles de saisie accessibles. Il fournit également des mécanismes de stylisation robustes qui résolvent les conflits de classes utilitaires à l'exécution, aux côtés de composants spécialisés pour gérer les tableaux de données, les menus de navigation et les superpositions interactives. La sécurité et la conformité sont intégrées directement dans le cycle de vie des composants, incluant des vérifications d'accessibilité automatisées, la limitation de débit pour les routes d'authentification et des outils pour gérer la confidentialité des données des utilisateurs. Le framework est conçu pour être installé et configuré au sein d'environnements côté serveur existants pour soutenir un développement d'interface rapide et cohérent.

    Encapsulates UI logic into reusable, stateless templates that accept data attributes for consistent rendering.

    Elixircomponentsphoenixtailwindcss
    Voir sur GitHub↗1,036
  • n3-components/n3-componentsAvatar de N3-components

    N3-components/N3-components

    1,002Voir sur GitHub↗

    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.

    Vuecomponentscsshtml
    Voir sur GitHub↗1,002
  1. Home
  2. Software Engineering & Architecture
  3. Modular Program Composition
  4. Function Composition
  5. UI Component Compositions

Explorer les sous-tags

  • JSX-Based CompositionsDefining user interface structures using JSX syntax to map to native mobile components. **Distinct from UI Component Compositions:** Specifically covers the JSX tree-like syntax for native mapping, whereas UI Component Compositions is more general virtual DOM logic.
  • View Component Compositions3 sous-tagsBuilding complex user interfaces by nesting atomic views and layout containers. **Distinct from UI Component Compositions:** Focuses on general UI component nesting for modularity rather than specifically returning virtual DOM trees for functional logic.