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

Ce projet est un guide de référence et une ressource technique pour construire des interfaces utilisateur avec le framework SwiftUI. Il fournit une collection complète d'exemples de code, de documentation et une bibliothèque de composants d'implémentations de vues réutilisables et de modèles de mise en page. La ressource inclut une carte de compatibilité qui lie les vues déclaratives modernes à leurs équivalents impératifs dans le framework UIKit. Cette documentation aide à la migration d'UIKit vers SwiftUI en fournissant des conseils sur l'encapsulation des contrôleurs de vue hérités et des sous-classes de vue au sein d'une hiérarchie déclarative. Le guide couvre un large éventail de capacités d'interface, incluant l'implémentation de structures de navigation, de mises en page basées sur des grilles et des piles, et le rendu de listes performant. Il détaille également l'utilisation de composants interactifs pour l'entrée utilisateur, la reconnaissance de gestes et l'application de modificateurs visuels pour le stylage.

winjs est une boîte à outils d'interface utilisateur de navigateur et une bibliothèque de composants JavaScript conçue pour construire des applications web. Elle fournit un ensemble de composants et d'utilitaires haute performance avec une prise en charge native du tactile, du clavier et de l'accessibilité. Le projet propose un normalisateur d'événements multi-navigateurs qui crée des événements de pointeur et de focus synthétiques pour assurer un comportement d'entrée cohérent à travers différents navigateurs. Il inclut également un framework de localisation web pour gérer les traductions multilingues et les formats régionaux en utilisant des fichiers de ressources clé-valeur. La boîte à outils couvre un large éventail de capacités, incluant un pipeline d'assets frontend pour compiler le code source, une synchronisation de l'interface utilisateur pilotée par l'état pour optimiser les mises à jour du DOM, et un système de style complet pour la typographie, les contrôles de formulaire et les couleurs d'accentuation dynamiques. Elle fournit également des utilitaires pour la gestion globale des événements, les animations de transition d'interface et la coordination des éléments d'interface dismissibles.

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