Awesome GitHub RepositoriesResponsive UI Frameworks

This is a layout library for Android applications that implements the CSS Flexible Box layout model. It provides a view container and engine that arrange child views by distributing space and aligning content according to a flexible box model. The framework enables the creation of responsive user interfaces that automatically adjust element positioning, wrapping, and growth based on available screen dimensions and orientations. The system includes capabilities for adaptive layout workflows, dynamic element alignment, and a virtualized rendering system for recycling views to display large dat

Ant Design Mobile is a mobile UI component library and design system built for React. It provides a collection of pre-styled interface elements and standardized UI blocks used to create consistent, responsive user interfaces for mobile web applications. The framework focuses on mobile web design and frontend interface engineering, providing tools to implement interaction patterns tailored for touch-based browsing. It ensures a uniform look and feel across different mobile browsers and handheld device screens. The library incorporates responsive layout systems and CSS-variable-based theming.

NativeWind is a utility-first CSS framework that integrates Tailwind CSS design patterns into React Native applications. It functions as a cross-platform styling system and style mapper that translates CSS-based utility classes into native style objects compatible with mobile platforms. The framework provides a responsive UI engine that implements breakpoints, dark mode management, and platform-specific modifiers. It allows for the definition of custom themes including global colors, fonts, and spacing values to maintain a consistent visual identity across different devices. The system cover

Theme-ui est un framework de thème React et un utilitaire CSS-in-JS utilisé pour construire des interfaces utilisateur thématisables. Il fonctionne comme un outil de système de design qui établit des échelles centralisées basées sur des contraintes pour les couleurs, la typographie et l'espacement afin d'assurer une cohérence visuelle entre les applications. Le framework se distingue par un raccourci réactif basé sur des tableaux pour les mises en page mobile-first et un gestionnaire de mode de couleur dédié qui se synchronise avec les préférences du navigateur et conserve les sélections de l'utilisateur. Il dispose également d'un système pour créer des variantes de style nommées afin de contrôler l'apparence des composants via des propriétés et fournit des capacités de synchronisation pour traduire les configurations de thème en styles Figma. Le projet couvre un large ensemble de capacités de stylisation, incluant l'injection CSS globale pour les réinitialisations d'éléments, les surcharges de thème imbriquées via le contexte, et un système de configuration de fusion profonde (deep-merge) pour étendre les préréglages de design. Il inclut également un ensemble de composants de mise en page thématisables, tels que des grilles réactives et des champs de formulaire standardisés. Un plugin dédié est disponible pour intégrer le système de design au sein des sites Gatsby.

Buttons is a CSS button framework and UI component library providing a set of reusable visual elements for mobile and desktop web environments. It functions as a CSS utility system and variable-driven theming engine that enables the creation of consistent buttons using configurable typography and shapes. The system utilizes a modular CSS architecture where independent style and color classes are composed on single elements to produce varied visual effects, such as 3D or flat designs. It employs a declarative design framework that maps configuration options to real-time visual attributes via c

Lin-ui est une bibliothèque de composants et une boîte à outils de développement conçue spécifiquement pour créer des applications WeChat Mini Program. Il fonctionne comme un framework UI réactif qui fournit des composants d'interface utilisateur pré-construits et un ensemble de fonctions d'assistance pour les environnements d'applications mobiles. Le projet inclut un outil de build axé sur l'optimisation des bundles de mini-programmes, permettant la compilation de composants spécifiques et la suppression des ressources inutilisées pour réduire la taille du package. Il dispose également d'un système de conception d'interface réactive qui traduit les valeurs de pixels statiques en unités flexibles pour différentes tailles d'écran. La boîte à outils couvre des capacités plus larges, notamment la gestion de flux de travail asynchrones pour convertir les callbacks en promesses, et des utilitaires pour manipuler les données de chaînes et de tableaux. Il fournit un système de configuration globale pour personnaliser les styles des composants et les couleurs des thèmes. La configuration initiale est prise en charge via une interface en ligne de commande utilisée pour amorcer les modèles de projet et générer des structures de répertoires standardisées.

flutter_screenutil est un framework d'interface utilisateur réactif et un outil de mise en page adaptatif pour Flutter. Il fournit un système pour mettre à l'échelle les dimensions de mise en page et les polices en fonction d'un design de référence afin d'assurer des proportions cohérentes sur différentes résolutions d'écran et appareils. La boîte à outils fonctionne comme un fournisseur de métriques d'écran qui récupère les propriétés de l'appareil en temps réel, notamment la largeur, la hauteur, la densité de pixels et les dimensions de la zone de sécurité (safe area). Elle gère spécifiquement l'adaptation de la mise en page lors des changements d'orientation de l'appareil et des mises à jour du mode écran partagé. Le framework couvre la gestion adaptative de la typographie, la mise à l'échelle des dimensions de mise en page et la surveillance des métriques d'écran. Il inclut des mécanismes pour contrôler les reconstructions d'interface utilisateur lors du redimensionnement de l'écran et applique des limites de mise à l'échelle pour maintenir l'intégrité visuelle sur de très grands ou très petits écrans.

Ce projet est une base préconfigurée pour construire des applications web réactives pour mobile en utilisant Vue 3 et Vite. Il fournit un échafaudage prêt pour la production qui intègre des outils de développement essentiels, des bibliothèques de composants et des optimisations au moment de la construction pour accélérer la création d'interfaces mobiles. Le framework se distingue par une gestion automatisée des assets et de la configuration, y compris l'enregistrement automatique des composants d'interface utilisateur et la conversion des fichiers SVG en composants réutilisables. Il dispose d'une prise en charge intégrée pour la conception réactive en transformant automatiquement les unités CSS basées sur les pixels en unités de fenêtre d'affichage relatives, garantissant une mise à l'échelle cohérente de la mise en page sur divers appareils mobiles. De plus, il inclut le « mocking » réseau au moment du développement pour permettre le test frontend sans backend fonctionnel, ainsi que des capacités de débogage à distance pour inspecter les logs et les requêtes réseau directement sur le matériel mobile. Le projet couvre un large éventail d'exigences de développement, y compris la persistance de l'état basée sur les routes pour maintenir les positions de défilement et les données d'entrée pendant la navigation, et la synchronisation dynamique des métadonnées pour les titres de navigateur. Il intègre également des utilitaires axés sur la performance tels que le chargement de composants à la demande, l'optimisation des assets de production et la validation automatique des messages de commit pour maintenir les normes du projet.

This project is a jQuery plugin designed for creating responsive grid interfaces that support interactive drag-and-drop reordering and manual resizing of elements. It provides a framework for managing structured layouts where content can be organized into a grid system that automatically adjusts to maintain visual alignment. The library enables users to customize dashboards by rearranging and scaling widgets through mouse-based interactions. It utilizes a coordinate-based system to detect collisions and ensure that elements snap into valid slots, while providing callback functions to monitor