18 个仓库
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 是一个全面的实用工具库,旨在为 Android 应用程序开发提供可重用的基础设施和架构模式。它将通用的辅助函数组织成无状态模块,提供对系统资源、数据解析逻辑和核心基础设施抽象的一致访问。 该框架通过提供用于管理后台任务和复杂用户界面交互的专门组件而脱颖而出。它包括用于通过系统下载管理器协调后台文件传输以及执行 Shell 命令以管理设备资源的实用工具。此外,它还提供扩展标准平台类的自定义界面元素,以支持下拉刷新、无限滚动和精确项目定位等交互功能。 该项目还集成了性能优化工具,包括一种两级缓存策略,将图像和网络响应存储在内存或本地磁盘中。这些缓存机制利用可配置的驱逐策略来减少延迟并最小化网络使用,确保应用程序在不同网络条件下的响应能力。
Bundles complex interaction patterns like pull-to-refresh and infinite scrolling into reusable interface elements.
这是一个 Material Design iOS UI 库,为 iOS 提供了一系列模块化用户界面组件。它作为一个 Swift UI 组件框架和跨平台设计系统,确保在不同操作系统上提供一致的视觉和功能体验。 该项目通过模块化组件架构将 Material Design 指南集成到 iOS 应用程序中。这允许使用预制界面元素库来组装复杂的应用程序屏幕。 该框架涵盖了通用的 iOS UI 开发和标准化设计指南的实现,以呈现一致的用户界面。
Implements a modular architecture that builds complex screens by nesting atomic UI components and layout containers.
JDStatusBarNotification 是一个基于 Swift 的通知框架和 UI 组件库,用于在系统状态栏下方显示自定义状态栏覆盖层和交互式提醒。它提供了一套基于 SwiftUI 的工具包,用于呈现紧急信息和任务进度指示。 该框架支持创建定制的通知窗口,支持自定义视图注入,并采用声明式 UI 方法来构建布局。它包含品牌化 UI 自定义功能,允许修改颜色、字体和动画样式,以符合特定的视觉识别要求。 该库涵盖了实时活动指示器和基于百分比的进度跟踪,适用于长时间运行的操作。它支持点击保持和滑动关闭等交互行为。 该库旨在兼容 Swift 和 Objective-C 项目。
Constructs notification layouts and visual components using a declarative SwiftUI-based view composition approach.
Elemental 是一个基于组件的设计系统和 React UI 框架。它提供了一系列预设样式的界面组件和 CSS 模式,用于为 Web 应用程序构建一致的用户界面和布局设计。 该库充当可自定义的 CSS UI 库,允许通过将设计令牌 (design 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 是一个原生 macOS 社交媒体应用和 Reddit API 封装器。它作为桌面客户端,用于浏览和参与 Reddit 社区讨论及社交信息流。 该项目是作为 SwiftUI Reddit 客户端实现的,利用声明式框架专门为 macOS 操作系统渲染社交媒体内容。 该应用提供 Reddit 内容消费、社交媒体线程管理以及社区讨论的通用桌面浏览能力。
Constructs the native desktop user interface using a declarative SwiftUI view composition hierarchy.
M13ProgressSuite 是一套专为 iOS 设计的移动用户界面组件,用于跟踪活动和任务完成情况。它提供了一系列视觉指示器,包括进度条、环形和饼图,以及导航进度条和状态平视显示(HUD)叠加层等专用工具。 该库具有一个专门用于导航区域顶部的可控进度指示器,用于跟踪页面级活动。它还包括可自定义的平视显示器,用于覆盖视图以传达正在进行的进度和状态信息。 该套件通过自定义样式和不确定加载模式支持各种任务完成指示器。这些组件使用声明式视图组合和视图修饰符的组合集成到用户界面中。
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 是一个全面的仪表板模板和组件库,专为构建管理类 Web 应用而设计。它提供了一个利用模块化、组件化架构的样板基础,旨在促进复杂管理界面和数据可视化面板的快速构建。 该项目的特色在于集成了一个集中式设计系统,将视觉令牌传播到整个应用中,确保所有界面元素的一致品牌形象和样式。它通过流式网格系统支持响应式布局,并提供广泛的主题自定义功能(包括对亮色和暗色模式的支持),以符合特定的可访问性和视觉要求。 该库包含一套预构建的页面模板和可重用的 UI 元素,简化了身份验证和分析等标准应用功能的开发。它还提供用于项目脚手架的命令行工具,允许开发者生成全栈应用结构,并将设计资产与已实现的代码同步,以在整个开发生命周期中保持一致性。
Builds complex user interfaces by nesting atomic views and layout containers.
This project is a collection of pre-styled React components designed for building responsive messaging interfaces and real-time chat applications. It functions as a modular toolkit that allows developers to assemble custom chat windows, message feeds, and input fields within web applications using a component-based architecture. The library distinguishes itself by providing a centralized logic layer for managing conversation data, including user presence, message history, and typing indicators. It handles the complexities of message stream navigation, such as automatic scrolling and dynamic h
Assembles complex messaging interfaces by nesting specialized functional components within a parent layout structure.
This framework provides a comprehensive library of reusable, accessible UI components designed for server-side rendered web applications. It enables developers to build interactive interfaces by synchronizing state between the server and the browser, ensuring that markup and data remain consistent without requiring complex client-side logic. The project distinguishes itself through deep integration with artificial intelligence, offering tools that expose component schemas and interface definitions to coding assistants. This allows for automated discovery and implementation of UI elements, whi
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.