awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

33 Repos

Awesome GitHub RepositoriesModular UI Components

Frameworks or architectures for building interfaces from independent, context-aware modules.

Distinguishing note: Focuses on the composition of UI views rather than styling or design systems.

Explore 33 awesome GitHub repositories matching user interface & experience · Modular UI Components. Refine with filters or upvote what's useful.

Awesome Modular UI Components GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • dbeaver/dbeaverAvatar von dbeaver

    dbeaver/dbeaver

    50,678Auf GitHub ansehen↗

    DBeaver is a universal database client and administration environment designed for managing diverse relational and non-relational database systems. It provides a unified graphical interface that enables users to perform data manipulation, schema migration, and performance monitoring across multiple platforms. By utilizing a standardized driver abstraction layer, the application translates generic requests into database-specific commands, ensuring consistent interaction regardless of the underlying technology. The project distinguishes itself through an extensible, plugin-based architecture th

    Constructs the interface using independent, context-aware views that adapt to selected database objects.

    Javaaicopilotdatabase
    Auf GitHub ansehen↗50,678
  • filamentphp/filamentAvatar von filamentphp

    filamentphp/filament

    31,215Auf GitHub ansehen↗

    Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo

    Extracts form and table configurations into dedicated classes to improve maintainability.

    PHPadminalpine-jsbuilder
    Auf GitHub ansehen↗31,215
  • hecrj/icedAvatar von hecrj

    hecrj/iced

    30,762Auf GitHub ansehen↗

    Iced is a cross-platform GUI library for Rust designed for building native desktop applications. It functions as a reactive toolkit that manages application state by mapping user interactions to messages, which then trigger automatic view refreshes. The framework utilizes a rendering system that supports both hardware-accelerated GPU graphics and software backends to ensure compatibility across multiple operating systems. It implements a reactive model inspired by the Elm architecture to coordinate state updates and view reconciliation. The toolkit includes a flexible layout engine and a mod

    Offers a modular system for building complex interfaces from independent, reusable UI components.

    Rust
    Auf GitHub ansehen↗30,762
  • tastejs/todomvcAvatar von tastejs

    tastejs/todomvc

    28,941Auf GitHub ansehen↗

    TodoMVC is a web application specification and a JavaScript framework comparison suite. It provides a standardized set of requirements used to generate feature-complete task-tracking applications across different languages and frameworks, serving as a frontend architectural reference. The project functions as a behavioral test suite and a cross-framework benchmark. It allows for the evaluation of frontend libraries by comparing identical application implementations to analyze differences in syntax, coding patterns, and functional capabilities. The suite covers broad capability areas includin

    Divides the interface into independent, context-aware components for maintainable design.

    JavaScript
    Auf GitHub ansehen↗28,941
  • codepath/android_guidesAvatar von codepath

    codepath/android_guides

    28,339Auf GitHub ansehen↗

    This project provides a collection of instructional guides and tutorials for Android app development, native mobile application creation, and computer science education. It focuses on building native applications through step-by-step implementation, covering the development of user interfaces and the integration of system hardware and permissions. The material extends into broader technical domains, including the study of fundamental data structures and algorithms for technical interview preparation. It also covers cybersecurity fundamentals, such as identifying web vulnerabilities and implem

    Instructs on building reusable interface sections that can be rearranged across different device layouts.

    androidcodepathdevelopment
    Auf GitHub ansehen↗28,339
  • livewire/livewireAvatar von livewire

    livewire/livewire

    23,448Auf GitHub ansehen↗

    Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and

    Enables building complex applications using reusable, nested UI elements that manage their own state and lifecycle.

    PHP
    Auf GitHub ansehen↗23,448
  • tencent/wepyAvatar von Tencent

    Tencent/wepy

    22,593Auf GitHub ansehen↗

    wepy is a frontend build toolchain and component framework designed for creating mini programs. It provides a modular UI library and a system for building reusable interface elements that maintain consistent layouts across different platform environments. The project features a cross-platform build target system that maps a single source codebase to multiple distinct output formats. It utilizes a template-based compilation process to transform custom syntax into platform-specific markup and supports the integration of third-party JavaScript packages through asynchronous module resolution. Th

    Provides a system for creating reusable interface elements that maintain consistency across different platforms.

    JavaScript
    Auf GitHub ansehen↗22,593
  • realkai42/qwerty-learnerAvatar von RealKai42

    RealKai42/qwerty-learner

    22,405Auf GitHub ansehen↗

    Qwerty-learner is a browser-based educational platform designed to improve typing proficiency while simultaneously facilitating English vocabulary acquisition. By combining keyboard muscle memory training with the repetitive input of curated word lists, the application provides a structured environment for students and professionals to master technical terminology and academic language. The platform distinguishes itself through a dedicated recall exercise mode, which triggers dictation-style sessions to strengthen long-term memory retention by requiring users to type words without visual prom

    Organizes the interface into modular building blocks that manage typing inputs and vocabulary display states independently.

    TypeScriptenglish-learningtypingtyping-game
    Auf GitHub ansehen↗22,405
  • infinitered/igniteAvatar von infinitered

    infinitered/ignite

    19,842Auf GitHub ansehen↗

    Ignite is a command-line interface tool and project boilerplate for standardized cross-platform mobile application development. It provides a pre-configured foundation that includes a mobile app UI framework and a set of scaffolds to ensure architectural consistency across projects. The project distinguishes itself through a dedicated CLI for generating standardized components and models, as well as a mechanism for upgrading project boilerplates and dependencies. It further supports development through a curated collection of shared code recipes for common implementation tasks. The capabilit

    Ships a collection of reusable UI primitives and modular components to ensure visual consistency across the app.

    TypeScript
    Auf GitHub ansehen↗19,842
  • motiadev/motiaAvatar von MotiaDev

    MotiaDev/motia

    18,180Auf GitHub ansehen↗

    Motia is a cross-platform frontend framework designed for building and maintaining scalable user interfaces. It functions as a component-based library that enables developers to assemble complex application layouts using a standardized set of modular building blocks. The framework utilizes a declarative layout engine to define interface structures, ensuring consistent behavior across different operating systems and screen sizes. By employing a state-driven reconciliation process, the system automatically synchronizes visual elements with the underlying data model, while a dependency injection

    Facilitates the development and maintenance of reusable interface elements for consistent design.

    Rustagentsaiapi
    Auf GitHub ansehen↗18,180
  • css-modules/css-modulesAvatar von css-modules

    css-modules/css-modules

    17,973Auf GitHub ansehen↗

    CSS Modules is a build-time tool that transforms local class names into unique, collision-resistant identifiers. By scoping styles to specific components during the compilation phase, it ensures that visual definitions remain isolated and prevents naming conflicts within web applications. The project functions as a frontend build plugin that integrates with module bundlers to manage style dependencies and assets. It generates a JavaScript object mapping that links original local class names to their transformed global counterparts, allowing developers to reference styles programmatically with

    Enables programmatic style referencing through JavaScript objects to maintain clean connections between component logic and design.

    Auf GitHub ansehen↗17,973
  • hackiftekhar/iqkeyboardmanagerAvatar von hackiftekhar

    hackiftekhar/IQKeyboardManager

    16,623Auf GitHub ansehen↗

    IQKeyboardManager is an iOS keyboard management library and UI layout utility. It automatically adjusts screen layouts to prevent the software keyboard from covering text input fields. The project provides a customizable keyboard toolbar component with navigation buttons and action triggers. It enables focus management, allowing users to move between text fields via the return key or toolbar controls. The library covers keyboard layout coordination, including touch-based dismissal and offset configuration. It also includes a system for managing keyboard behaviors and appearance on a per-clas

    Allows tailoring keyboard and toolbar behaviors for specific sets of view controller or view classes.

    Swift
    Auf GitHub ansehen↗16,623
  • ustbhuangyi/better-scrollAvatar von ustbhuangyi

    ustbhuangyi/better-scroll

    16,489Auf GitHub ansehen↗

    Better-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat

    Provides a plugin-based architecture for composing complex scrollable UI modules like carousels and pickers.

    TypeScriptbetter-performanceiosiscroll
    Auf GitHub ansehen↗16,489
  • flatpickr/flatpickrAvatar von flatpickr

    flatpickr/flatpickr

    16,469Auf GitHub ansehen↗

    Flatpickr is a lightweight, dependency-free JavaScript library designed to provide a modular date and time selection interface for web applications. It functions as a versatile web component that integrates into existing forms, offering a consistent user experience for picking single dates, ranges, or multiple values while maintaining a clear separation between human-readable display strings and machine-readable data. The library distinguishes itself through a robust configuration-driven architecture that allows for dynamic runtime updates and extensive customization of date formatting via a

    Integrates into existing forms as a modular interface element to provide consistent date and time input.

    TypeScriptdatedatepickerdaterange
    Auf GitHub ansehen↗16,469
  • riot/riotAvatar von riot

    riot/riot

    14,921Auf GitHub ansehen↗

    Riot is a component-based library for building user interfaces through modular, single-file components. It functions as a framework for creating reusable elements that combine markup, logic, and scoped styles, which are then compiled into standard JavaScript functions for browser execution. The library distinguishes itself by utilizing direct rendering, which updates the document object model by tracking state changes without the overhead of a virtual representation. It supports server-side rendering and hydration to improve initial page load performance and search engine indexing. Developers

    Defines modular UI components as single-file units for consistent reuse and composition.

    JavaScriptclient-sidecustomelementcustomelements
    Auf GitHub ansehen↗14,921
  • astronvim/astronvimAvatar von AstroNvim

    AstroNvim/AstroNvim

    14,355Auf GitHub ansehen↗

    AstroNvim is a modular Neovim distribution that functions as a comprehensive development environment. It provides a pre-configured framework for managing editor settings, plugin ecosystems, and language server integrations, effectively transforming a base text editor into a full-featured integrated development environment. The project distinguishes itself through a highly customizable Lua-based architecture that emphasizes modularity and performance. It enables users to manage complex editor configurations through a centralized, declarative system that supports lazy loading, community-maintai

    Constructs modular statuslines and tablines using dynamic data providers and conditional logic.

    Luaastronvimastrovimhacktoberfest
    Auf GitHub ansehen↗14,355
  • geniusvjr/learningnotesAvatar von GeniusVJR

    GeniusVJR/LearningNotes

    13,145Auf GitHub ansehen↗

    LearningNotes ist eine technische Wissensdatenbank und ein Engineering-Studienleitfaden, der sich auf Android-Framework-Interna, Systemarchitektur und mobile Leistungsoptimierung konzentriert. Er dient als Referenz für die Analyse der Android-Boot-Sequenz, des Prozess-Bootstrappings und der Initialisierung von Systemdiensten. Das Projekt bietet detaillierte Anleitungen zur mobilen Leistung, einschließlich Strategien zur Reduzierung von Speicher-Footprints, zur Identifizierung von Speicherlecks und zur Optimierung der Bilddekodierung. Es deckt zudem die Android-Inter-Prozess-Kommunikation mittels AIDL und dem Binder-Kernel-Treiber ab sowie Softwarearchitektur-Handbücher zur Entkopplung von Geschäftslogik von Benutzeroberflächen durch Muster wie MVVM und MVP. Über die mobile Entwicklung hinaus enthält das Repository eine Informatik-Wissensdatenbank zur Vorbereitung auf technische Vorstellungsgespräche, die Datenstrukturen, Algorithmen und Betriebssystemkonzepte abdeckt. Es bietet zudem eine praktische Referenz für die Git-Versionskontrolle, die Repository-Management, Synchronisierung und Branching-Workflows detailliert beschreibt.

    Describes architectures for swapping reusable UI sections to maintain consistent layouts across various devices.

    Auf GitHub ansehen↗13,145
  • felixkratz/sketchybarAvatar von FelixKratz

    FelixKratz/SketchyBar

    11,920Auf GitHub ansehen↗

    SketchyBar is a shell-scriptable system user interface and status bar replacement for macOS. It replaces the native menu bar with a customizable overlay that uses scriptable widgets and dynamic visual blocks to display real-time data. The tool is distinguished by its use of external shell scripts to update visual elements and state. It supports a declarative configuration system that allows for the creation of multi-instance bars and the execution of batched commands to minimize flickering during startup. The system provides capabilities for dynamic system monitoring through graphs and visua

    Builds the status bar using discrete, modular blocks that can be independently positioned and styled.

    Cbarcustomizationdarwin
    Auf GitHub ansehen↗11,920
  • reactjs/react.devAvatar von reactjs

    reactjs/react.dev

    11,765Auf GitHub ansehen↗

    React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme

    Organizes user interface code into separate files by exporting components and importing them into other parts of the application.

    JavaScriptdocumentationjavascriptreact
    Auf GitHub ansehen↗11,765
  • parthjadhav/tkinter-designerAvatar von ParthJadhav

    ParthJadhav/Tkinter-Designer

    10,259Auf GitHub ansehen↗

    Tkinter-Designer is a tool for converting Figma design files into executable Python source code and visual assets. It automates the transformation of visual design layouts into functional Tkinter source code to facilitate the creation of desktop application prototypes. The project converts Figma design URLs and API tokens into functional interfaces, processing individual design frames as independent views. This enables the generation of multi-screen applications with navigation logic to move between different layouts. The generated output uses a class-based architecture to organize screens,

    Encapsulates generated UI screens into Python classes for better modularity and state management.

    Pythonautomaticcollaboratedrag-and-drop
    Auf GitHub ansehen↗10,259
Vorherige12Nächste
  1. Home
  2. User Interface & Experience
  3. Modular UI Components

Unter-Tags erkunden

  • Configuration Classes1 Sub-TagEncapsulation of UI definitions into dedicated classes for improved maintainability. **Distinct from Modular UI Components:** Focuses on class-based encapsulation of UI configurations, distinct from general modular component composition.