Awesome GitHub RepositoriesUser Interface Frameworks

This project is a component-based UI framework and a React Material Design library. It provides a comprehensive set of reusable interface elements that implement Google Material Design specifications to ensure consistent visual styles and behaviors across web applications. The framework enables the construction of professional layouts for enterprise web interfaces and the rapid prototyping of frontend designs. It uses a collection of pre-designed React components to standardize layouts and accelerate the overall development process. The system integrates a styling engine and theme-based inje

Preact is a declarative UI library and a lightweight alternative to React for building user interfaces. It utilizes a component-based architecture and a virtual DOM to sync application state to the browser interface efficiently. The framework implements a modern React API and provides a compatibility layer to ensure existing component libraries and patterns can run within its environment. It also functions as a server-side rendering engine, generating HTML on the server and hydrating it on the client to optimize page load speeds. Additional capabilities include virtual DOM state management t

HeroUI is a declarative toolkit for building accessible user interfaces through modular, React-based component composition. It provides a comprehensive set of reusable building blocks designed to standardize visual language and interaction patterns across web and mobile applications. The library distinguishes itself through an integrated approach to accessibility and styling. It automatically manages state and keyboard interactions by injecting appropriate attributes, while utilizing a utility-driven styling architecture to enforce design system consistency. Developers can leverage polymorphi

This project is a JavaScript full-stack tutorial providing a step-by-step guide to building a complete web application from scratch. It focuses on the manual implementation of a custom JavaScript toolchain, encompassing the development of a server-side rendering workflow and a client-side state manager. The project distinguishes itself by implementing core development utilities without high-level frameworks, including custom solutions for bundling, transpilation, linting, and hot module replacement. It also features a real-time communication system based on WebSockets for bidirectional messag

UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements. The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes. The toolkit covers

Wasp is a declarative full-stack web framework that enables developers to build and deploy applications by defining their architecture in a centralized configuration. By using a high-level specification, the framework automates the orchestration of frontend, backend, and database components, ensuring that infrastructure concerns like routing, authentication, and data modeling are handled consistently across the entire stack. The framework distinguishes itself through its compiler-driven approach, which translates declarative configurations into cohesive, production-ready codebases. It provide

Inferno is a virtual DOM UI library and high-performance DOM renderer used for building component-based user interfaces. It functions as a server-side rendering engine and a client-side framework that synchronizes application state with the visual interface through a declarative structure. The project distinguishes itself as a React-compatible UI framework, providing a compatibility layer that allows components designed for other reactive environments to run without modification. Its capability surface covers virtual DOM management, including node diffing and reconciliation, and a full serve

Flet is a cross-platform framework that enables developers to build interactive desktop, mobile, and web applications using only Python. By utilizing a declarative programming model, it allows for the construction of complex user interfaces through a hierarchical structure of components, removing the need for specialized knowledge of web-specific languages like HTML, CSS, or JavaScript. The framework distinguishes itself by offloading visual rendering to a high-performance graphics engine while maintaining application logic within a centralized server-side environment. This architecture synch

Mithril.js is a JavaScript framework for building single page applications. It functions as a virtual DOM library and reactive UI framework, providing a system to synchronize application state with visual elements to ensure interfaces update instantly. The toolkit includes a built-in client side router that maps browser URL paths to specific components without reloading the page. It also features an integrated HTTP request client for performing asynchronous network calls to remote APIs for data retrieval and transmission. The framework covers broad capabilities for frontend development, incl

Marko is a component-based web framework and HTML-based template engine used to build reactive user interfaces. It functions as a server-side rendering framework that compiles declarative templates into optimized JavaScript for efficient browser execution. The framework utilizes virtual DOM-less rendering to map template expressions directly to DOM nodes. It employs ahead-of-time template compilation and server-side HTML streaming to send rendered fragments to the client in chunks. The system manages user interfaces through a component-based view hierarchy with reactive data binding and fine

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

Sokol is a C hardware abstraction layer and cross-platform graphics library designed for managing windowing, input, and audio across different operating systems. It functions as a GPU resource manager and multimedia application framework, providing a unified API for rendering 2D and 3D graphics across WebGL, Metal, Direct3D, and OpenGL. The project is distinguished by its single-header implementation, which simplifies integration and portability. It utilizes a stateless render pass definition and a one-update-per-frame model to synchronize CPU data to GPU memory and manage resource lifecycles

Model Context Protocol is a standardized framework for connecting large language models to external data sources and executable tools. It enables the creation of a universal interface where servers expose tools, resources, and prompts that can be discovered and utilized by various AI clients. The protocol utilizes a JSON-RPC message system that is transport-agnostic, supporting both standard input/output for local processes and HTTP with server-sent events for remote connections. It emphasizes security and control by delegating model sampling to the client to keep API keys secure from servers

Cura is 3D printer slicing software and a G-code generator that converts 3D models into machine-readable instructions. It provides a management interface for configuring printer profiles and coordinating additive manufacturing workflows. The software includes a multi-extruder print controller for defining multi-material or multi-nozzle hardware setups. It supports custom printer integration by allowing users to define machine dimensions and G-code requirements for hardware not included in default lists. The platform covers remote print management through integration with external print serve

Duilib est une bibliothèque d'interface utilisateur Windows et un moteur de rendu personnalisé conçu pour construire des interfaces graphiques haute performance pour les logiciels clients PC. Il fonctionne comme un framework DirectUI permettant la création de mises en page sur mesure et d'éléments d'interface personnalisés sans dépendre des contrôles standards du système d'exploitation. Le framework implémente une approche d'interface utilisateur directe pour rendre des éléments graphiques personnalisés. Cela permet la conception de mises en page visuelles non standards pour les applications de bureau, y compris celles nécessitant un rendu haute performance pour des logiciels gourmands en ressources. Le système couvre un large éventail de capacités de développement UI, incluant un pipeline de rendu composite, un moteur de mise en page enfichable et une hiérarchie de contrôles personnalisés. Il utilise un backend graphique Direct2D pour le dessin accéléré par le matériel et une boucle de messages pilotée par les événements pour mapper les messages système aux callbacks des composants.

Arco Design est une bibliothèque de composants UI React et un framework de système de design utilisé pour construire des interfaces web professionnelles. Il fournit une collection d'éléments visuels et de mises en page pré-construits conçus pour maintenir un langage de design cohérent à travers les applications. Le système dispose d'un moteur de thématisation basé sur des jetons (tokens) qui utilise des variables de design hiérarchiques et des variables CSS pour permettre une personnalisation visuelle granulaire. Cela permet la modification des styles globaux et au niveau des composants via un éditeur de thème dédié ou un loader pour aligner l'interface avec des identités de marque spécifiques. Le framework prend en charge le développement d'UI d'entreprise en fournissant des outils pour la gestion de système de design et un dépôt centralisé pour stocker et distribuer des composants métier réutilisables. Ces capacités facilitent l'assemblage de mises en page fonctionnelles et le partage de modules d'interface personnalisés à travers plusieurs projets.

Wux est un framework et une bibliothèque d'UI basés sur des composants, conçus spécifiquement pour construire des interfaces utilisateur au sein de la plateforme WeChat Mini Program. Il fournit une collection de composants réutilisables et extensibles qui fonctionnent comme un kit d'UI multi-appareils pour assurer une apparence cohérente sur différentes tailles d'écran et appareils. Le framework implémente une architecture de composants frontend modulaire, permettant aux développeurs de créer des mises en page responsives en utilisant des éléments visuels pré-stylisés. Il utilise un système de composants personnalisables pour maintenir la cohérence visuelle à travers l'écosystème WeChat. Le projet couvre une gamme de capacités architecturales, incluant la configuration pilotée par les props, la thématisation par variables CSS pour un skinning dynamique et l'injection de style modulaire. Il emploie également des wrappers d'éléments personnalisés pour encapsuler la logique et les styles pour une meilleure réutilisabilité.

Ce projet est une bibliothèque de composants Blazor et un framework d'interface web utilisé pour construire des applications web avec ASP.NET Core Blazor. Il sert d'implémentation du Fluent Design System, fournissant une collection d'éléments d'interface utilisateur réutilisables et pré-stylisés pour garantir la cohérence visuelle et l'accessibilité. La bibliothèque inclut une grille de données asynchrone capable de résoudre des requêtes distantes via le chargement asynchrone de données et le mapping d'entités. Elle utilise un système de jetons de design (design tokens) pour gérer les styles visuels et les paramètres de personnalisation à travers une application. Le framework couvre des capacités plus larges pour le design d'interface d'entreprise, incluant l'intégration de jeux d'icônes et d'emojis standardisés, ainsi que des outils pour composer des interfaces accessibles. Il fournit également des mécanismes pour tester le rendu des composants et vérifier le comportement HTML.

Ce projet est un template de landing page Next.js et un kit UI React conçu pour présenter des produits logiciels et des projets open source. Il sert de fondation de site web marketing professionnel et de boilerplate de site web Tailwind CSS pour construire des interfaces web modernes. Le framework fournit des mises en page et des composants spécialisés pour les vitrines de projets open source, les landing pages SaaS et les tableaux de bord d'administration. Il inclut une collection de composants responsives et d'utilitaires de style qui permettent la personnalisation du design visuel des couleurs, polices et mises en page. La surface de capacité couvre une variété d'éléments UI, incluant des animations basées sur le scroll, des graphiques de visualisation de données, des composants interactifs et des carrousels de contenu. L'architecture prend en charge le rendu côté serveur, le routage basé sur les fichiers et un pipeline de contenu basé sur Markdown pour découpler le contenu de la logique d'application.

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.