Awesome GitHub RepositoriesDeclarative Component Libraries

Dioxus is a cross-platform development framework designed for building native desktop, mobile, and web applications from a single codebase. It utilizes a declarative component model and macro-powered syntax to define reusable interface elements, which are then rendered as native widgets or web elements. At its core, the framework employs a signal-based reactivity system that tracks state dependencies to trigger granular updates, ensuring efficient interface performance without re-rendering the entire application tree. The framework distinguishes itself through a unified full-stack runtime tha

Solid is a reactive UI library and isomorphic JavaScript framework used for building component-based user interfaces. It functions as a declarative component library and state management system that updates the DOM without using a virtual DOM. The framework utilizes fine-grained reactivity and proxy-based state management to track dependencies and trigger precise updates to specific text or attributes. It supports isomorphic rendering through streaming server-side rendering and progressive hydration, allowing content to be generated on both the server and the client. The system covers declar

This project is a command-line utility and development framework designed to modify, extend, and customize the Spotify desktop client. It functions as a binary patching engine that injects custom scripts, stylesheets, and interface components directly into the host application, enabling users to alter visual themes and add new functionality. The tool distinguishes itself by providing a comprehensive development environment for building modular extensions and custom applications. It includes a hot-reloading pipeline for rapid iteration, a declarative library for constructing interactive UI pan

Vue.Draggable is a component-based library for Vue.js that enables drag-and-drop functionality within web interfaces. It functions as a wrapper for the SortableJS engine, bridging the gap between imperative DOM manipulation and the declarative nature of the Vue.js reactive system. By synchronizing user interface interactions with the underlying data model, it ensures that list reordering and element movement are automatically reflected in the application state. The library supports complex interaction patterns, including the ability to move items between lists, clone elements using keyboard m

React 360 is a framework for building immersive virtual reality experiences that run in a web browser using a declarative React component model. It functions as a browser-based VR platform and a WebGL VR renderer, enabling developers to create 360-degree panoramic and stereoscopic content without requiring native code installation. The framework provides a declarative VR component library that describes VR scenes as nested React components, with props mapping to 3D objects, lights, and camera positions. It handles user input from VR controllers, gaze tracking, and mouse events through a unifi

Litho is an Android declarative UI framework and component library used to build user interfaces through a declarative API and immutable state. It functions as an asynchronous layout engine that maps components to a structured view hierarchy to automate view updates. The framework optimizes rendering performance by computing element positions on background threads to prevent blocking the main UI thread. It further improves efficiency by flattening nested view hierarchies and caching layout results. The system includes capabilities for state reconciliation, component recycling, and the render

Dieses Projekt ist ein Referenzleitfaden und eine technische Ressource für den Aufbau von Benutzeroberflächen mit dem SwiftUI-Framework. Es bietet eine umfassende Sammlung von Codebeispielen, Dokumentationen und eine Komponentenbibliothek wiederverwendbarer View-Implementierungen und Layout-Muster. Die Ressource enthält eine Kompatibilitätskarte, die moderne deklarative Views mit ihren äquivalenten imperativen Gegenstücken im UIKit-Framework verknüpft. Diese Dokumentation unterstützt die Migration von UIKit zu SwiftUI, indem sie Anleitungen zum Kapseln von Legacy-View-Controllern und View-Subklassen innerhalb einer deklarativen Hierarchie bereitstellt. Der Leitfaden deckt ein breites Spektrum an Interface-Funktionen ab, einschließlich der Implementierung von Navigationsstrukturen, Grid- und Stack-basierten Layouts sowie performantem Listen-Rendering. Er beschreibt zudem die Verwendung interaktiver Komponenten für Benutzereingaben, Gestenerkennung und die Anwendung visueller Modifikatoren für das Styling.

winjs ist ein Browser-UI-Toolkit und eine JavaScript-Komponentenbibliothek für den Aufbau von Webanwendungen. Es bietet eine Reihe von High-Performance-Komponenten und Utilities mit nativer Unterstützung für Touch, Tastatur und Barrierefreiheit. Das Projekt verfügt über einen Cross-Browser-Event-Normalizer, der synthetische Pointer- und Focus-Events erstellt, um ein konsistentes Eingabeverhalten über verschiedene Browser hinweg sicherzustellen. Es enthält zudem ein Web-Lokalisierungs-Framework für das Management von mehrsprachigen Übersetzungen und regionalen Formaten mittels Key-Value-Ressourcendateien. Das Toolkit deckt ein breites Spektrum an Funktionen ab, einschließlich einer Frontend-Asset-Pipeline für die Kompilierung von Quellcode, zustandsgesteuerter UI-Synchronisierung zur Optimierung von DOM-Updates und einem umfassenden Styling-System für Typografie, Formularsteuerelemente und dynamische Akzentfarben. Es bietet zudem Utilities für globales Event-Management, UI-Übergangsanimationen und die Koordination schließbarer Interface-Elemente.

Ant Design Charts is a data visualization framework and declarative component library designed for React applications. It provides a collection of reusable components that map complex datasets to graphical representations, enabling the creation of interactive charts, plots, and maps within web interfaces. The library utilizes a grammar-based mapping system to transform raw data into visual properties, supported by a layered graphic abstraction that separates data representation from interactive elements. It employs a canvas-based rendering engine to maintain performance when handling large da

This project is a collection of reusable components designed to integrate Google Maps into web applications built with the Angular framework. It provides a declarative interface for embedding interactive maps, allowing developers to configure map instances, markers, and overlays directly through standard framework templates and property bindings. The library distinguishes itself by wrapping imperative mapping services into a lifecycle-managed architecture. It handles the asynchronous loading of external mapping scripts and ensures that map instances and event listeners are properly cleaned up